mouseenter，在Firefox中为mouseleave

Question

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

在div中，我会在mouseenter淡入（并在mouseleave上淡出）事件，其中嵌入了一个Select Tag。 当我将鼠标移到选项上时，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元素上触发，但是当selectle触发mouseleave时，这不允许淡出。