2013-03-06 131 views
1

我希望能够将光标悬停在我的网页上,并在每个时间点确定光标所在的节点/标记(div,img,p等)。Javascript。从特定位置获取节点

基本上我想找到节点在随机坐标在我的页面上的任何地方。也许做一个函数喜欢

returnXPathOfNodeFrom(130, 200)

而且将返回节点或具有显示在这些坐标内容的节点的XPath的。

+1

'document.elementFromPoint(130,200)'获取实际元件。 – Blender 2013-03-06 06:40:56

回答

2

您可以使用Javascript方法.elementFromPoint(),它返回一个DOM元素。

根据documentation

此方法从其elementFromPoint方法被调用哪个是哪个位于给定的点下最上面的元素的文档返回元素。要获取元素,请通过坐标(以CSS像素为单位)指定相对于包含文档的窗口或框架中最左上角的点。

查看这篇文章的更多信息:Using jQuery to find an element at a particular position?也是这个fiddle

1

尝试:

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

是这种方法将触发用户拖动鼠标到每个像素的事件? – MaVRoSCy 2013-03-06 06:54:00

+0

每一个可见的元素,我希望.. – Anujith 2013-03-06 06:57:03

+0

我测试了它,我看到我的CPU上去,即使在屏幕上悬停空的地方 – MaVRoSCy 2013-03-06 06:59:03