文件:elementsFromPoint() 方法

Baseline 已廣泛支援

此特性已相當成熟,可在許多裝置和瀏覽器版本上使用。自 ⁨2020 年 1 月⁩ 起,所有主流瀏覽器均已支援。

Document 介面的 elementsFromPoint() 方法會返回一個包含指定座標處(相對於視口)的所有元素的陣列。這些元素按視口從上到下(從最頂層到最底層)的順序排列。

它的操作方式與 elementFromPoint() 方法類似。

語法

js
elementsFromPoint(x, y)

引數

x

點的水平座標。

y

點的垂直座標。

返回值

一個 Element 物件的陣列,按視口從上到下(從最頂層到最底層)的順序排列。

示例

HTML

html
<div>
  <p>Some text</p>
</div>
<p>Elements at point 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">
  Browser does not support
  <code>document.elementsFromPoint()</code>
</span>
`;
}

規範

規範
CSSOM 檢視模組
# dom-document-elementsfrompoint

瀏覽器相容性

另見