javascript - 有没有办法从位置(x，y 线)中找到 div 名称

Question

当您知道 div 名称时，很容易找到 div 的位置。但是，当我只知道屏幕的 X/Y 线时，是否有一种简单的方法来获取 div id？

在名为#HarbourRadar 的板(另一个 div)上名为“#Items1”到“#Items50”的 div 范围内不会有重叠的 div。每个 div #Items 中可以有多个堆叠图像。

无论如何，我们将不胜感激从某个位置找到 div 的任何提示。

以下代码(取自这一侧下面的答案)获取 div #HarbourRadar 的 ID，这是部分正确的，因为 div #marker 位于该 div 之上，但不返回 div #marker被选中 - 即具有较高 Z 指数的一个。

var pos = $("#marker").position();
alert(document.elementFromPoint(pos.left, pos.top).id);

Answer 1

是的，可以使用 document.elementFromPoint 方法。
这是 Microsoft 记录的方式.这是 Mozilla documentation .
该功能几乎完全兼容，如您所见 this browser comparison .

这是来自 MDN 文档的一些示例代码:

function changeColor(newColor) {
  elem = document.elementFromPoint(2, 2);
  elem.style.color = newColor;
}

<p id="para1">Some text here</p>
<button onclick="changeColor('blue');">blue</button>
<button onclick="changeColor('red');">red</button>