.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().