鼠标移入移出冒泡事件解决 Jquery mouseenter和mouseleave

这两天在在做一个菜单，ul下多个li菜单，当鼠标移出ul的时候将菜单隐藏。

想到这移入移出，想到mouseover和mouseout事件，但是问题来了，我要的是鼠标移出ul的时候才触发mouseout事件，但是我鼠标移出ul子元素li的时候也出触发ul上注册的mouseout事件，这样就达不到想要的效果。

后来跟同事讨论才发现，jQuery本身还有另外两个事件,mouseenter和mouseleave，同样是鼠标移入，移出。只是它只针对注册元素生效，对子元素不会生效，没有冒泡事件。

很完美的解决了问题。

很开心，哈哈哈~~

转载于:https://my.oschina.net/humaotegong/blog/377756