您当前的位置: 首页 > 前端知识点 > mouseover ,mouseout ,mouseenter,mouseleave事件的区别

mouseover ,mouseout ,mouseenter,mouseleave事件的区别

abandononly 发布于 分类:

javascript

1、 mouseover与mouseenter

mouseover事件:不论鼠标指针穿过被选元素或其子元素,都会触发 mouseover 事件。mouseenter事件:只有在鼠标指针穿过被选元素时,才会触发 mouseenter 事件。

2、mouseout与mouseleave

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

注意:mouseover ,mouseout当鼠标指针穿过被选元素子元素时,也会触发事件。这在绑定事件时,有时出现意想不到的Bug可能就是由 mouseover mouseout 事件引起的