的JavaScript。从特定位置获取节点

Question

我希望能够将光标悬停在我的网页上，并在每个时间点确定光标所在的节点/标记（div，img，p等）。

基本上我想在页面的任意位置找到一个随机坐标的节点。也许做一个像

这样的功能

returnXPathOfNodeFrom(130, 200)

它将返回节点或节点的xpath，其中包含在这些坐标处显示的内容。

Answer 1

您可以使用返回DOM元素的Javascript方法.elementFromPoint()。

根据documentation，

  

此方法返回正在调用elementFromPoint方法的文档中的元素，该元素位于给定点下面的最顶层元素。要获取元素，请通过坐标（以CSS像素为单位）指定相对于包含文档的窗口或框架中最左上角点的点。

有关详细信息，请参阅此文章：Using jQuery to find an element at a particular position?以及此fiddle。

Answer 2

尝试：

$(document).ready(function(){        
   $(document).mouseover( function(e){      
       console.log('You are now on element id: ' + e.target.id);
   });
});