jquery - mouseenter/mouseleave 忽略覆盖元素

Question

看来 mouseenter/mouseleave 方法不仅在鼠标坐标进入目标的客户矩形时触发，而且在另一个元素覆盖或覆盖目标时也会触发。这是一个问题，因为在我的 mouseenter 回调中，我想在目标顶部显示另一个元素 E。我还希望 E 在鼠标离开时消失。您可以将其视为重叠的工具提示。

但是，当我将鼠标移到目标上时，会触发 mouseenter 并且元素 E 将覆盖它。此覆盖进一步触发 mouseleave 事件，因此 E 将消失。这进一步触发了 mouseenter 事件，因此 E 会再次出现......这是相当令人头痛的。

所以基本上，我想知道是否有一个 mouseenter/mouseleave 版本只关心鼠标是否进入或离开目标的客户端矩形，无论目标是否被覆盖。

更新:@arunopjohny 创建了一个 JS fiddle 来说明这个问题。查看评论

Answer 1

在相关问题中找到完美的解决方案:Ignore mouse interaction on overlay image

“指针事件:无；”属性将禁用元素的任何鼠标事件。更重要的是，该事件将“穿过”其下方的元素。在我的问题中的覆盖元素 E 上使用它可以解决问题。