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

Question

检查这个简单的代码：

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

即使我在使用鼠标遍历onmouseout的{​​{1}}内，也会触发UL事件。

这是使用FireFox，我怎样才能做到正确，所以当我离开LI时会触发事件？

Answer 1

您可以使用jQUery mouseout或jQuery mouseleave函数The same exists for Mootools。

修改

只要您离开一个li并转到下一个，就会触发鼠标输出事件，但只有在离开整个div时才会触发mouseleave

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

Answer 2

问题是由于鼠标在li上发射。因此，您必须阻止li.mouseout事件冒泡

阅读http://www.quirksmode.org/js/events_order.html