mouseover与mouseout,mouseenter与mouseleave;

1.mouseover与mouseout,mouseenter与mouseleave;

2.mouseover触发优先级高于mouseenter,mouseout触发优先级高于mouseleave ;

3.在父元素上绑定mouseover和mouseout事件,子元素同样也会触发,即子元素mouseover和mouseout事件会冒泡至父元素;
而父元素绑定mouseenter和mouseleave事件只对父元素有效,子元素不会触发,即mouseenter和mouseleave事件不会冒泡至父元素。

所以在实际应用时,推荐使用mouseenter和mouseleave事件句柄,避免因为考虑不佳而产生错误的效果。
当然也可以使用标准stopPropagation() 方法,或者IE浏览器上使用cancelBubble=true的方式阻止冒泡,从而达到和mouseenter和mouseleave的相同效果。

你可能感兴趣的:(javascript)