jQuery 鼠标离开元素时所触发的mouseout与mouseleave的区别与联系

2019独角兽企业重金招聘Python工程师标准>>>

 mouseout() 方法

定义和用法

当鼠标指针从元素上移开时，发生 mouseout 事件。该事件大多数时候会与 mouseover 事件一起使用。

mouseleave() 方法

定义和用法

当鼠标指针离开元素时，会发生 mouseleave 事件。该事件大多数时候会与 mouseenter 事件一起使用。

mouseout与mouseleave的联系：

当绑定的元素没有子元素的时候，俩方法表现出来的现象是一样的。

区别：

但是当绑定的元素存在子元素的时候，如果鼠标指针离开任何子元素，同样会触发 mouseout 事件。而只有在鼠标指针离开被选元素时，才会触发 mouseleave 事件。

转载于:https://my.oschina.net/u/615191/blog/126147