两者的区别

• mouseover：

当鼠标移入元素或其子元素都会触发事件，所以有一个重复触发，冒泡过程。对应的移除事件是mouseout

• mouseenter：

当鼠标移除元素本身（不包含元素的子元素）会触发事件，也就是不会冒泡，对应的移除事件是mouseleave

mouseover和mouseenter的异同体现在两个方面：

1. 是否支持冒泡

2. 事件的触发时机

当鼠标从元素的边界之外移入元素的边界之内时，事件被触发。而当鼠标本身在元素边界内时，要触发该事件，必须先将鼠标移出元素边界外，再次移入才能触发。

参考文章链接

mouseenter与mouseover为何这般纠缠不清？ (opens new window)