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的区别