今天在用时发现mouseover和mouseenter,mouseout和mouseleave有点接近，前一对是当鼠标经过目标元素时就会触发被绑定事件，而后一对是当鼠标离开目标元素时就会触发被绑定事件。但是还有一点小区别即是mouseover和mouseout能在父元素和子元素上触发，而mouseleave和mouseenter仅能在父元素上触发。因为这其实是跟事件冒泡有关。鼠标事件中的mouseleave和mouseenter是不支持冒泡的，因此在子元素上无法触发，而其他两个可以。且out先于over先于enter先于leave触发。下面看一个example：

这是后来再次补充上去的

若有什么不足之处请加以指正，若要转载麻烦声明出处，谢谢。