鼠标事件 onmouseover、onmouseenter、onmouseleave和onmouseout

触发时机：
onmouseout：鼠标滑出
onmouseover：鼠标滑过（在表面经过即可）

onmouseenter：鼠标进入（进入到里面）
onmouseleave：鼠标离开

onmouseover 和 onmouseenter 的区别：

onmouseover 和 onmouseout 存在冒泡机制。划过和划出（鼠标在谁身上，相当于划过谁）
onmouseenter 和 onmouseleave 不存在冒泡机制。进入和离开

1、打开页面时，鼠标刚好在这个元素上，会触发 onmouseover，不会触发 onmouseenter
2、onmouseover 和 onmouseout 移动到子元素时也会触发（因为存在冒泡机制）

如何选用：
项目中，如果一个容器中有后代元素，想要鼠标进入和离开做啥事，我们一般都用onmouseenter 和 onmouseleave。

参考资料：https://juejin.im/post/6844904144587718664#heading-2