Document:elementsFromPoint() 方法
>Document 接口的 elementsFromPoint() 方法返回一个包含指定坐标(相对于视口)处所有元素的数组。元素按照从视口最顶层到最底层的顺序排列。
它的操作方式与 elementFromPoint() 方法类似。
语法
js
elementsFromPoint(x, y)
参数
返回值
一个由 Element 对象组成的数组,按照从视口最顶层到最底层的顺序排列。
示例
>HTML
html
<div>
<p>一些文本</p>
</div>
<p>位于(30、20)点的元素:</p>
<div id="output"></div>
JavaScript
js
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>
`;
}
规范
| 规范 |
|---|
| CSSOM View Module> # dom-document-elementsfrompoint> |