本文探讨了前端开发中事件冒泡的问题，重点介绍了jQuery提供的mouseenter和mouseleave事件如何避免事件冒泡，以及它们与传统mouseover和mouseout事件的区别。
前端开发中经常会遇到事件冒泡，jquery针对传统js的mouseover和mouseout事件进一步改进得到防止冒泡的mouseenter和mouseleave事件。
对于mouseover事件来说 ，当鼠标从其他元素 移动到 child节点时发生，但此事件会冒泡 所以会导致 parent 也出发mouseover。如果我们对 parent注册了 mouseover监听，从 parent移动到child 同样出发parent的mouseover 有时候我们不希望这样的事情发生。
对于 mouseover 和mouseenter 两个事件 最大的区别就是 mouseenter 是 不冒泡的事件，这时候 如果注册的监听 是mouseenter的话 无论鼠标从任何元素 移动到child时 只有child元素 发生mouseenter事件 而其祖宗节点 都不会因为冒泡 而触发此事件。
参考链接：http://www.w3school.com.cn/jquery/event_mouseleave.asp
扫一扫
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
