龙空技术网

【web前端】onmouseenter与onmouseover的区别在哪里?

暴躁工程师 9

前言:

现在各位老铁们对“htmlmouseover”大体比较关心,朋友们都想要剖析一些“htmlmouseover”的相关资讯。那么小编在网摘上搜集了一些关于“htmlmouseover””的相关文章,希望姐妹们能喜欢,各位老铁们快快来学习一下吧!

onmouseenter与onmouseover事件作用:

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

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

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

然后,给定适当的css样式如下:

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

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

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

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

应用于下拉菜单特效等

有不懂的欢迎私信我哟~

标签: #htmlmouseover