jQuery之mouseover与mouseenter以及mouseout与mouseleave的区别

时间:2021-07-26 20:27:03

当鼠标指针位于元素上方时,会发生 mouseover 事件,该事件大多数时候会与 mouseout 事件一起使用。

mouseover() 方法触发 mouseover 事件,或规定当发生 mouseover 事件时运行的函数。


与 mouseenter 事件不同,不论鼠标指针穿过被选元素或其子元素,都会触发 mouseover 事件。

只有在鼠标指针穿过被选元素时,才会触发 mouseenter 事件。


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

mouseout() 方法触发 mouseout 事件,或规定当发生 mouseout 事件时运行的函数。


与 mouseleave 事件不同,不论鼠标指针离开被选元素还是任何子元素,都会触发 mouseout 事件。只有在鼠标指针

离开被选元素时,才会触发 mouseleave 事件。