javascript - 选择在 Mozilla Firefox 中的父元素上触发 MouseLeave 事件

Question

我遇到以下问题:在 Mozilla Firefox 中，每当我将鼠标悬停在 dropdown inside 表格中时，它都会触发 mouseleave 事件表，尽管鼠标光标仍在表内。 在 Chrome 或 Edge 中没有这样的问题。

这是我的代码和示例数据:

DEMO

我有一个表格，当鼠标光标进入表格时，最后一行出现。当鼠标离开时 - 该行隐藏。 仅当我离开表格时该行才应该隐藏

是否有某种方法或解决方法可以防止发生不必要的 mouseleave 事件？

Answer 1

我在 VueJS 中遇到了同样的问题，我是这样修复的。首先确保将事件对象传递给您的方法，因此使用 @mouseleave="myEvent" 而不是 @mouseleave="myEvent()"。

    myEvent: function(event) {
      if (event.relatedTarget === null) {
        return;
      }
      // consider event fired
    },

所以检查 event.target.nodeName 对我不起作用，我不得不使用 event.relatedTarget。