javascript - 下拉菜单的js 在鼠标移到子元素时触发mouseout？

Question

在rightheader的下拉菜单，鼠标移到从一级菜单移开移向下面的内容时下面的内容就会消失
代码：http://runjs.cn/detail/6ed7t8hv

Answer 1

大致看了一下 应该是mouseout事件的问题。

<p1>大一点
    <p2>小一点
    
    </p2>
<p1/>

从p1挪到p2上时,是会触发p1的mouseout事件的。建议改为mouseleave
//////////////////
问题出在你的

<li>
    <a></a>
    <ul></ul>
</li>

三层结构上。没问题的那个a和li大小相同，不会触发mouseout。
有问题的那个a明显比li小一圈。从li上进入a就会触发mouseout，你看看会发现，能使ul出现的鼠标位置，只有li的外侧那一点点。因为中间是a，出发mouseout了。

Answer 2

试试jQuery

$.hover()

Answer 3

代码看不到。。能贴出来或者用JSFiddle么？
虽然看不到，但是估计是事件冒泡的问题

Answer 4

事件冒泡机制问题，用event.stopPropagation()和event.preventDefault()。