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時，這不允許淡出。