mouseenter，mouseleave在Firefox中的意义

Question

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

在一个div上，我使用mouseenter事件淡入（并在mouseleave上淡出），嵌入了一个select标签。当我将鼠标移到选项上时，div会淡出再淡入，如此往复。但是无法选择选项。

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

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

- Johannes Klauß

---

同样的问题也出现在我的Chrome浏览器里。 - caarlos0

Answer 1

尝试一下：http://jsfiddle.net/sCmnd/3/。我在Firefox浏览器上测试过，它可以正常工作。

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

由于某些原因，mouseleave事件会在select元素上触发，但这会导致在mouseleave由select元素触发时无法进行淡出效果。

- Samuli Hakoniemi