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