鼠标事件中 mouseenter与 mouseover的区别

鼠标事件中 mouseenter与 mouseover的区别：

mouseenter:

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

与 mouseover 事件不同，只有在鼠标指针穿过被选元素时，才会触发 mouseenter 事件。如果鼠标指针穿过任何子元素，则不会触发 mouseenter 事件。

mouseover:

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

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

mouseleave:

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

与 mouseout事件不同，只有在鼠标指针穿过被选元素时，才会触发 mouseenter 事件。如果鼠标指针穿过任何子元素，则不会触发 mouseleave事件。

mouseout:

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

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