JS事件：onmouseover 、onmouseout 与onmouseenter 、onmouseleave的区别

最新推荐文章于 2024-07-07 20:04:18 发布

原创最新推荐文章于 2024-07-07 20:04:18 发布 · 1.3w 阅读

12 ·

CC 4.0 BY-SA版权

文章标签：

#javascript #事件

本文详细解析了onmouseover、onmouseout、onmouseenter与onmouseleave四类鼠标事件的区别与应用场景。阐述了这些事件如何在用户交互中发挥作用，并强调了它们的触发机制及配对使用原则。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

1、onmouseover、onmouseout：鼠标经过时自身触发事件，经过其子元素时也触发该事件；（父亲有的东西，儿子也有）
2、onmouseenter、onmouseleave：鼠标经过时自身触发事件，经过其子元素时不触发该事件。（父亲的东西就是父亲的，不归儿子所有）
这四个事件两两配对使用，onmouseover、onmouseout一对，onmouseenter、onmouseleave一对，不能混合使用。