javascript - Firefoxでmouseenter、mouseleave

Question

Firefox16で奇妙な問題に直面しています。

divmouseenterでフェードイン（およびフェードアウトmouseleave）イベントには、selectタグが埋め込まれています。オプションの上にマウスを移動すると、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();
    }
}

何らかの理由で、マウスリーブはselect要素でトリガーされますが、これでは、マウスリーブがselect要素によってトリガーされたときにフェードアウトできません。