選択は、私は次のような問題を持っているのMozilla Firefoxで親要素のMouseLeaveイベント

Question

をトリガーテーブル。 ChromeまたはEdgeにこのような問題はありません。

は、ここで例のデータと私のコードです：

DEMO

私はテーブルを持っているし、マウスカーソルがテーブルに入ったときに、最後の行が表示されます。マウスが離れると、行が非表示になります。 テーブルを離れる場合にのみ行が非表示になるようにしてください

不要なmouseleaveイベントが発生しないようにする方法はありますか？あなたはこのようなmouseleaveに選択のためにテストすることができ

Answer 1

：

$('.testTable').mouseenter(function(e) { 
    console.log("IN!") 
    $("#lastRow").show(); 
}).mouseleave(function(e) { 
    if (e.target.nodeName.toLowerCase() !== "select") { 
     console.log("OUT!") 
     $("#lastRow").hide(); 
    } 
}); 

Fiddle here.