html - 如何正确地为 UL 制作 onmouseout 事件？

Question

检查这个简单的代码:

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

即使我在 UL 中使用鼠标遍历 LI 时，也会触发 onmouseout 事件。

这是在 FireFox 上，我怎样才能让它正确，所以当我真正离开 UL 时事件被触发？

Answer 1

您可以使用 jQUery mouseout ，或 jQuery mouseleave为此功能，The same exists for Mootools .

编辑

mouse out事件会在你离开一里然后去下一里时被触发，但是mouseleave只有在离开整个div时才会被触发

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