不知道大家在面试或者工作过程中有没有被 mouseover 和 mouseenter (对应的是 mouseout 和 mouseleave )事件所困扰。 单独一个元素没有区别，但是有了子元素会有区别 ####mouseover 事件:不论鼠标指针穿过被选元素或其子元素，都会触发 mouseover 事件。 ####mouseenter 事件:只有在鼠标指针穿过被选元素时，才会触发 mouseenter 事件。 这样理解比较好区分：over/out是针对鼠标在对象的上面；enter/leave是针对鼠标从对象边界进入。 当我们要移入一个标签(该标签有子元素)触发移入事件时，若只想触发一次，则需要使用mouseenter和mouseleave的组合。 mouseover,mouseout因为由事件冒泡的原因，当在该标签下多个子元素来回移动时会多次触发事件，这个不是我们需要的。这种情况下取消冒泡事件的处理是很繁琐的，还要考虑到浏览器的兼容，很麻烦！ 若只想在移入移出是触发事件，请使用mouseenter，mouseleave事件组合 作者：路客Fan 链接：https://www.jianshu.com/p/1f7ea02cd949 来源：简书 著作权归作者所有。商业转载请联系作者获得授权，非商业转载请注明出处。 https://www.jb51.net/article/115446.htm