mouseover和mouseenter的区别

mouseover：当鼠标指针位于元素上方时，即可触发
mouseenter：当鼠标穿过该元素时，触发该事件

例如：

<div>
div1
	<div>
	div2
	</div>
</div>

mouseover事件绑定在div2上时，当鼠标位于div1时mouseover就会触发，即mouseover作用于目标元素及其子代元素，以及父代元素

mouseenter事件绑定在div2上时，当鼠标位于div2上时mouseenter才会触发，即mouseenter只作用于目标元素

 
同理mouseout和mouseleave也是如mouseover和mouseenter的区别