mouseenter和mouseover的区别

mouseenter鼠标事件：
当鼠标移动到元素上时就会触发mouseenter事件。
它类似于mouseover，但区别是，mouseover鼠标经过自身盒子会触发该事件，当经过了子盒时还会触发，和冒泡原理差不多，但mouseenter只会经过自身盒子才会触发。
之所以这样，是因为mouseenter不会冒泡。
和mouseenter搭配鼠标离开事件mouseleave，同样不会有冒泡行为。

<div class="father">
<div class="son"></div>
</div>
<script>
var father = document.querySelector(".father");
father.addEventListener("mouseover",function(){
	console.log(11); // 也会触发子盒子son
})

father.addEventListener("mouseenter",function(){
	console.log(11); // 不会触发子盒子son
})
</script>