javascript - 使用 javascript 在鼠标悬停下获取所有 div

Question

当我试图将鼠标悬停在另一个 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“背景”上捕获鼠标悬停以使用 jquery 对其进行动画处理时，我得到了顶部 div“容器”的结果。

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

有没有办法捕获“背景” div 的鼠标悬停，即使它上面有东西？

Answer 1

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

看看我做的这个示例，了解更多详细信息：

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