Javascript。從特定位置獲取節點

Question

我希望能夠將光標懸停在我的網頁上，並在每個時間點確定光標所在的節點/標記（div，img，p等）。

基本上我想找到節點在隨機座標在我的頁面上的任何地方。也許做一個函數喜歡

returnXPathOfNodeFrom(130, 200)

而且將返回節點或具有顯示在這些座標內容的節點的XPath的。

Answer 1

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

根據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); 
    }); 
});