有没有办法从位置(x,y线)找出div名称

Question

当你知道div名称时,很容易找到div的位置.但是当我所知道的是屏幕的X/Y线时,是否有一种简单的方法可以获得div id？

在一个名为'#Items1'到'#Items50'的div中,在一个名为#HarbourRadar的板(另一个div)上没有重叠的div.每个div #Items都可以包含多个堆叠图像.

无论如何,任何从某个位置找到div的提示都将非常感激.

下面的代码(取自下面的答案)得到了div #HarbourRadar的id,这部分是正确的,因为div #marker在那个上面分层,但是没有返回被选中的div #marker - 即具有较高Z指数的那个.

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

Answer 1

是的,可以使用这种document.elementFromPoint方法.
这就是微软记录的方式.这是Mozilla文档.
该功能几乎完全兼容,您可以在此浏览器比较中看到.

以下是来自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>