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