使用javascript獲取鼠標懸停下的所有div

當我將鼠標懸停在另一個div內的div上時，我被卡住了。我的代碼是這樣的：使用javascript獲取鼠標懸停下的所有div

<div id="container"> 

<div id="content"> 
// I have some stuff and other divs inside here 
</div> 

<div id="background"> 
// this div is on the back of the website and will animate some stuff on mouseover 
</div> 

</div>

當我試圖捕捉在格「背景」使用jQuery動畫它的鼠標懸停，我跳投得到結果頂格「容器」。

我在另一篇文章中發現了這個例子：http://jsfiddle.net/MPTTp/ 我使用它來調試當前鼠標位置下的div。

有沒有辦法捕捉這個「背景」div的mouseover，即使它上面有東西？

來源

2013-10-25 André Ramos

在你可以設置['指針的事件更新的瀏覽器= none']（https://developer.mozilla.org/en-US/docs/Web/CSS/pointer-events）到覆蓋元素。如果你想使用'elementFromPoint（）'，你可以把它放在最頂層元素的'mousemove'處理程序中。然後爲返回的元素設置'display：none'，直到它是想要的元素或'body'。隱藏的元素需要被緩存，所以你可以將它們從緩存中返回到視圖。 – Teemu

這是你需要使用document.elementFromPoint(x,y)

看看this sample，我已經做了，對於更詳細的信息的方法：

document.addEventListener("mouseover",function(e){ 
    console.log(document.elementFromPoint(e.x,e.y).id); 
});

來源

2013-10-25 21:53:50

使用javascript獲取鼠標懸停下的所有div

回答

相關問題