防止Mootools Mouseenter触发隐藏的子元素,可以通过以下方法实现:
mouseenter
事件的relatedTarget
属性来判断鼠标指针是否从子元素移动到了当前元素。element.addEvent('mouseenter', function(event) {
var relatedTarget = event.relatedTarget;
if (this.contains(relatedTarget)) {
return;
}
// 在这里执行你的代码
});
mouseover
事件代替mouseenter
事件,并在事件处理函数中判断event.target
是否为当前元素。element.addEvent('mouseover', function(event) {
if (event.target === this) {
// 在这里执行你的代码
}
});
pointer-events
来禁用子元素的鼠标事件。.parent-element {
pointer-events: none;
}
.parent-element * {
pointer-events: all;
}
在这个例子中,.parent-element
是你想要添加mouseenter
事件的元素,而它的子元素将不会触发任何鼠标事件。通过这种方式,你可以防止mouseenter
事件在隐藏的子元素上触发。
领取专属 10元无门槛券
手把手带您无忧上云