关于ul标签onmouseout事件的问题

[glovej]

我写了一个代码,主要是想在鼠标移出ul范围时触发事件,但是我发现结果和我预期的不一样,鼠标往往还没移出ul范围,而仅仅是移出了其中的一个li范围时就触发了mouseout事件,求原因及解决方法
代码如下
<script type=text/javascript>
function show()
{
alert("abc");
}
</script>
<ul id=u1 onmouseout="show();">
<li><a href=#>aaaaaaaaa</a></li>
<li><a href=#>bbbbbbbbbbb</a></li>
<li><a href=#>cccccccccccc</a></li>
</ul>

比如鼠标从第一个li往下移到第二个li的时候,就会触发mouseout事件,而我希望是彻底移出整个ul标签时才触发

[glovej]

无语 ,刚发现问题,好像应该用mouseleave,而不是mouseout?
mouseout是不是对子元素也应用的

[glovej]

如果是这样话希望大家进来帮忙散一下分=.=

[乌镇程序员]

mouseleave()是jQuery中的事件，不是标准事件吧？

[zell419]

这个应该就是冒泡了吧 。

[乌镇程序员]

[Quote=引用 4 楼 zell419 的回复:]

这个应该就是冒泡了吧 。
[/Quote]
事件冒泡这个事情还真是麻烦啊，以前没碰到过，这几天泡在论坛里已经碰到好几个由事件冒泡引起的问题了，看来得深入了解一下，现在只是知道有这么回事，然后用网上搜索来的一段阻止冒泡的代码来解决问题，但还是不太明白为什么会出现这样的问题。

[neubaixu]

这个是冒泡问题，我也没有想到好的解决方案 不过你可以这样试一试
<ul id=u1 onmouseout="show();">
<li><a href=# onmouseout="event.stopPropagation();">aaaaaaaaa</a></li>
<li><a href=# onmouseout="event.stopPropagation();">bbbbbbbbbbb</a></li>
<li><a href=# onmouseout="event.stopPropagation();">cccccccccccc</a></li>
</ul>
对每一个li进行冒泡的阻止 这是firefox的代码

[glovej]

结贴散分

[zhujialuntianxin]

真心有用，学习到了。感谢楼主