使用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

回答

相关问题