javascript - 可以跟踪悬停在透明 div 上而不让 div 影响它覆盖的任何元素吗？

Question

我想在页面上放置一个 100px x 100px 的透明 div

我想跟踪鼠标是否悬停在其上

我不希望这个透明 div 影响它可能“覆盖”的页面上的任何元素，即阻止可能附加到这些元素的任何悬停/单击事件(我无法知道可能是什么事件附加到这些元素(如果有)。

这可以使用 javascript/jQuery 实现吗？

Answer 1

根据您所需的浏览器支持级别，您可以考虑 CSS 属性 pointer-events( documentation ，注意仅在 IE 11 中支持):

.transparent-div {
  pointer-events: none;
}