.pointInRect()

Прямоугольник и JS

Определить, находится ли точка внутри прямоугольника или нет.

Функция определения точки

Метод .pointInRect() определяет, находится ли точка внутри прямоугольника или нет. Возвращает логическое значение true, если точка внутри прямоугольника, в противном случае вернётся false. Следующие параметры могут быть переданы функции:

pointInRect(point, rect)

Параметр	Тип	По умолчанию	Описание
`point`	Объект	`null`	Объект с `x` и `y` свойствами.
`rect`	DOMRect	`null`	Этот объект содержит информацию об элементе.

Если нужно определить, пересекаются ли два прямоугольника друг с другом или нет см. util.intersectRect().

Использование pointInRect()

<div id="example-pointInRect" class="uk-card uk-card-primary uk-card-body">Карта Primary</div>

const myPoint = util.$('#example-pointInRect').getBoundingClientRect();

util.on(document, 'click', function (e) {
	console.log(util.pointInRect({ x: e.clientX, y: e.clientY }, myPoint));
});

Результат

Если нажать на карту, то эта функция вернет true, иначе false.

Заметка: В примере испольуется util.on() для наблюдения за нажатием мышкой по карте.

Примечание: чтобы определить, пересекаются ли два прямоугольника друг с другом или нет см. .intersectRect().