html - ULのオンマウスアウトイベントを正しく作成する方法は？

Question

この単純なコードを確認してください。

<ul onmouseout='alert(1)'>
    <li>aaaaaaaaaaaaaaaaaaaaaaaa</li>
    <li>bbbbbbbbbbbbbbbbbbbbbbbbb</li>
    <li>ccccccccccccccccccccccccc</li>
</ul>

マウスでトラバースしているときでも、onmouseoutイベントが発生します。ULLI

これはFireFoxの場合ですが、どうすれば正しく設定できるので、実際に離れたときにイベントが発生しULますか？

Answer 1

これには、 jQUerymouseoutまたはjQuerymouseleave関数を使用できます。Mootoolsにも同じことがあります。

編集

1つのliを離れて次のliに移動するたびに、mouse outイベントがトリガーされますが、mouseleaveは、div全体を離れたときにのみトリガーされます。

$('#id').mouseleave(function(){
alert("left the div");  
});

Answer 2

この問題は、liでのマウスアウトの発火が原因です。したがって、li.mouseoutイベントがバブルするのを防ぐ必要があります

http://www.quirksmode.org/js/events_order.htmlで読んでください