mouseover与mouseenter,mouseout与mouseleave的区别及用法

jQuery 事件 - mouseout() 方法

定义和用法

当鼠标指针从元素上移开时，发生 mouseout 事件。

该事件大多数时候会与 mouseover 事件一起使用。

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

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

就是鼠标滑过的时候出现一个层，当鼠标滑到当前层的话mouseover和mouseout在低版本的浏览器会出现闪动的现象，解决这个现象的办法有许多，把mouseover和mouseout换成对应的mouseenter和mouseleave会更方便。

mouseover与mouseenter

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

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

mouseout与mouseleave

不论鼠标指针离开被选元素还是任何子元素，都会触发 mouseout 事件。

只有在鼠标指针离开被选元素时，才会触发 mouseleave 事件。