onmouseenter / onmouseleave 和 onmouseover / onmouseout的关系
onmouseenter 类似 mouseover,它们两者之间的差别是 mouseenter 不会冒泡(bubble)
![在这里插入图片描述](https://i-blog.csdnimg.cn/blog_migrate/164860ab1fa3dd74615c695857708121.png)
![在这里插入图片描述](https://i-blog.csdnimg.cn/blog_migrate/2eeb83c8c377edae0c5eaf1072a634fc.png)
对于深层次结构,发送的mouseenter事件数量可能非常大并且会导致严重的性能问题。在这种情况下,最好是监听鼠标悬停事件。(可使用chrome开发者工具选项卡中的Performance进行性能测试)
结合其对称事件, mouseleave, mouseenter DOM事件的行为方式与CSS :hover 伪类非常相似。