javascript - Firefox 中的 mouseenter、mouseleave

Question

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

在一个 div 中，我正在淡入mouseenter（并淡出mouseleave）事件，嵌入了一个选择标签。当我将鼠标移到选项上时，div 会淡出和淡入等等。但是没有机会选择一个选项。

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

小提琴：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 元素触发时，这不允许淡出。