对ul绑定mouseout，但同时li也会触发mouseout事件？

Question

我的思路是这样的：
li之间mouseover，二级菜单div不变，变的只是内容，但我想鼠标移出一级菜单的ul时，二级菜单隐藏。
我现在对一级ul绑定了mouseout，但这样在li之间也会触发了mouseout事件（冒泡到了ul）。有没办法不让li之间触发mouseout事件呢。

Answer 1

可以判断event对象中的target属性的nodeName是否为UL或者是其他逻辑判断，再做相应处理

Answer 2

利用锚链接或者:target伪类就能实现，然后控制一下二级菜单的显示和隐藏就行。

利用锚链接实现的demo:demo

利用:target伪类的实现原理：Trick:CSS3的:target实现选项卡切换

Answer 3

阻止下可以吗？阻止事件捕获或者冒泡，至于方法:
//js阻止事件冒泡
//Event.cancelBubble = true;
//Event.stopPropagation();

//js阻止链接默认行为，没有停止冒泡
//Event.preventDefault();
//return false;

Answer 4

给ul绑定mousewheel事件！

Answer 5

事件肯定是要被触发的，你能做的就是不绑定事件处理函数到li上

Answer 6

$('#dom').on('mouseleave', function () {
    $('#dom').hide();
});