javascript - Firefox 中的 mouseenter、mouseleave

Question

我在 Firefox 16 中遇到了一个奇怪的问题。

在一个 div 中，我在 mouseenter 上淡入(并在 mouseleave 上淡出)事件中嵌入了一个选择标签。当我将鼠标移到选项上时，div 会淡出和淡入，依此类推。但是没有机会选择一个选项。

这在 Chrome 中不会发生。有谁知道为什么会发生这种情况以及如何解决它？

fiddle :http://jsfiddle.net/sCmnd/2/

Answer 1

试试看:http://jsfiddle.net/sCmnd/3/ .我在 Firefox 上对其进行了测试，它运行良好。

mouseleave:function(evt) {
    if (evt.target.nodeName.toLowerCase() !== "select") {
        $('div.fade').fadeOut();
    }
}

由于某些原因，mouseleave 在 select 元素上触发，但是当 mouseleave 被 select 元素触发时，这不允许淡出。