mouseenter和mouseover的区别

mouseover：当鼠标移入目标元素或者移入目标元素的子元素，都会触发该事件。所以有一个重复触发，冒泡的过程。对应的一出事件mouseout。

mouseenter：当鼠标移入目标元素时（不包括子元素），会触发该事件，不会发生冒泡。对应的移除事件是mouseleave。

区别：

1. 是否支持冒泡

2. 事件的触发时机

 mouseenter：

当鼠标从元素的边界之外移入元素的边界之内时，事件被触发。而当鼠标本身在元素的边界内时，要触发该事件，必须先将鼠标移出元素边界外，再次移入才能触发。也就是说，mouseover支持事件冒泡，mouseenter不支持事件冒泡。

结论：

mouseover事件因其具有冒泡的性质，在子元素内移除的时候，频繁触发，如果我们不希望如此，可以使用mouseenter事件代替。但是早期只有IE浏览器支持该事件，虽然现在大多数高级浏览器支持了mouseenter事件，但是难免会有兼容问题，所以可以自己手动模拟。

参考链接：https://juejin.im/post/5935773fa0bb9f0058edbd61