使用javascript将鼠标移除所有div

时间:2013-10-25 21:31:12

标签: javascript html position mouseover

当我把鼠标移到另一个div内的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>

当我尝试在div“background”上捕获鼠标悬停以使用jquery为其设置动画时,我就会得到顶部div“容器”。

我在另一篇文章中找到了这个例子:http://jsfiddle.net/MPTTp/ 我用它来调试当前鼠标位置下的div。

有没有办法捕获“background”div的鼠标悬停,即使它上面有东西?

1 个答案:

答案 0 :(得分:0)

这是您需要使用document.elementFromPoint(x,y)

的方法

请查看我所做的this sample,了解更详细的信息:

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