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 January 2020.

Document 接口的 elementsFromPoint() 方法返回一个包含指定坐标（相对于视口）处所有元素的数组。元素按照从视口最顶层到最底层的顺序排列。

它的操作方式与 elementFromPoint() 方法类似。

语法

elementsFromPoint(x, y)

参数

x: 水平坐标点。
y: 垂直坐标点。

返回值

一个由 Element 对象组成的数组，按照从视口最顶层到最底层的顺序排列。

示例

HTML

html

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

规范

Specification
CSSOM View Module # dom-document-elementsfrompoint

浏览器兼容性

参见

Document.elementFromPoint()