Javascript 防止元素成为文档鼠标悬停中的目标

我正在为我的页面构建一个类似firebug的检查工具。当鼠标进入某个元素时，该元素应高亮显示。 现在我正在创建一个元素，我将其放置在目标元素的顶部，但是这意味着绑定到文档的下一个mousemove事件将以实际的highlight元素作为目标触发

---

有没有办法防止highlight元素成为mousemove事件中的目标元素？该元素已具有透明背景。

只需执行一个if语句：如果高亮显示元素是目标，那么目标应该是高亮显示的元素。

据我所知，即使元素的不透明度为0%，也无法捕获其下的事件。虽然我有一次对这个有点反感

您可以尝试通过CSS添加

.hover {
    outline: 1px solid red;
}

---

不过，我不确定在Firefox之外它的效果有多好。

应用边框是我的备用解决方案。大纲甚至更好，但它似乎并不影响布局。它可能只在Firefox中工作这一事实没有问题，因为该工具目前只供少数人使用。谢谢，我去拿提纲！