web前端onmouseenter与onmouseover的区别在哪里？

nmouseenter与onmouseover事件作用：

当鼠标进入(经过)触发事件。

但他们之间有一点小的差别。我们来看这个例子。

我们创建这样的HTML页面结构

然后，给定适当的css样式如下：

这样就达到了平常网站菜单的效果

分别给ul和li添加mouseover事件。

我们给ul与li都加上mouseover事件，那么当鼠标经过li时，会有事件冒泡，会触发ul上面的mouseover事件。一次弹出两个alert窗口。

使用mouseenter事件则不会出现事件冒泡

应用于下拉菜单特效等

有不懂的欢迎私信我哟~

事件都是鼠标移至节点上执行；但是onmouseover移至节点上，停止在移动，依旧在节点上时还是会执行，也就是说会执行多次；而onmouseenter仅是进入节点时执行一次。

者：疯狂的技术宅

转发链接：https://mp.weixin.qq.com/s/-cpUkuzpsPR6uUgWPkbH-A

您的项目需求

*请认真填写需求信息，我们会在24小时内与您取得联系。