今天在用时发现mouseover和mouseenter,mouseout和mouseleave有点接近,前一对是当鼠标经过目标元素时就会触发被绑定事件,而后一对是当鼠标离开目标元素时就会触发被绑定事件。但是还有一点小区别即是mouseover和mouseout能在父元素和子元素上触发,而mouseleave和mouseenter仅能在父元素上触发。因为这其实是跟事件冒泡有关。鼠标事件中的mouseleave和mouseenter是不支持冒泡的,因此在子元素上无法触发,而其他两个可以。且out先于over先于enter先于leave触发。下面看一个example:
若有什么不足之处请加以指正,若要转载麻烦声明出处,谢谢。