我遇到以下问题:在 Mozilla Firefox 中,每当我将鼠标悬停在dropdown
inside一个表,它会触发mouseleave
尽管鼠标光标仍在表内,但表的事件。在Chrome或Edge中不存在这样的问题。
这是我的代码和示例数据:
DEMO https://jsfiddle.net/hygq5dzr/1/
我有一个表格,当鼠标光标进入表格时会出现最后一行。当鼠标离开时 - 该行隐藏。仅当我离开桌子时该行才应隐藏
是否有某种方法或解决方法可以防止发生不必要的 mouseleave 事件?
我在 VueJS 中遇到了同样的问题,我像这样修复了它。首先确保事件对象传递给您的方法,因此使用@mouseleave="myEvent"
代替@mouseleave="myEvent()"
.
myEvent: function(event) {
if (event.relatedTarget === null) {
return;
}
// consider event fired
},
所以检查event.target.nodeName
不适合我,我必须使用event.relatedTarget
.
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)