onmouseenter,onmouseleave,onmouseover,onmouseout的区别

Posted bahg

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了onmouseenter,onmouseleave,onmouseover,onmouseout的区别相关的知识,希望对你有一定的参考价值。

首先,这四个事件两两配对使用,onmouseenter、onmouseleave一对,onmouseover、onmouseout一对,不能混合使用。

onmouseenter 和 onmouseleave是一组:当鼠标进入指定区域的时候触发,但是不支持冒泡,进入或者离开子元素时都不触发(父亲的东西就是父亲的,不归儿子所有)。如图: 

 技术图片

onmouseover和onmouseout是一组:当鼠标进入指定区域的时候触发,支持冒泡,进入或者离开子元素都会触发(父亲有的东西,儿子也有)。如图:

技术图片

以上是关于onmouseenter,onmouseleave,onmouseover,onmouseout的区别的主要内容,如果未能解决你的问题,请参考以下文章

如何根据屏幕宽度禁用 onMouseEnter/onMouseLeave 事件?

onMouseEnter 和 onMouseLeave 在我的代码中的行为与预期相反 - 为啥? [复制]

onMouseEnter onMouseLeave 错误:太多的重新渲染反应[重复]

JS事件:onmouseover onmouseout &&onmouseenter onmouseleave &&onmousemove的区别

js技术

每日分享