Document: метод elementsFromPoint()

Baseline Widely available

This feature is well established and works across many devices and browser versions. It’s been available across browsers since ⁨январь 2020 г.⁩.

Метод elementsFromPoint() интерфейса Document возвращает массив всех элементов, находящихся по указанным координатам (относительно области просмотра). Элементы упорядочены от самого верхнего к самому нижнему блоку в области просмотра.

Он работает аналогично методу elementFromPoint().

Синтаксис

elementsFromPoint(x, y);

Параметры

x: Горизонтальная координата точки.
y: Вертикальная координата точки.

<div> <p>Какой-то текст</p> </div> <p>Элементы в точке 30, 20:</p> <div id="output"></div>

JavaScript

let output = document.getElementById("output"); if (document.elementsFromPoint) { let elements = document.elementsFromPoint(30, 20); elements.forEach((elt, i) => { output.textContent += elt.localName; if (i < elements.length - 1) { output.textContent += " < "; } }); } else { output.innerHTML = `<span style="color: red"> Браузер не поддерживает <code>document.elementsFromPoint()</code> </span> `; }