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>
`;
}