不会冒泡的事件
约 254 字小于 1 分钟
2026-03-31
问题
不会冒泡的事件有哪些?
在 JavaScript 中,大多数事件都会按照 DMO 事件流模型冒泡,即事件会从目标元素开始向上冒泡到父元素。但也有一些事件直接在目标元素上触发,不会向上传播。
| 事件 | 简单描述 |
|---|---|
focus | 元素获得焦点时触发(如点击输入框),不冒泡 |
focusin | 与 focus 类似,但会在父元素上触发,冒泡 |
focusout | 与 blur 类似,但会在父元素上触发,冒泡 |
blur | 元素失去焦点时触发(如点击别处),不冒泡 |
mouseenter | 鼠标首次进入元素边界时触发,不冒泡,且不因进入子元素重复触发 |
mouseleave | 鼠标完全离开元素边界时触发,不冒泡,与 mouseenter 成对 |
load | 资源(如 <img>、<script> 或 window)加载完成时触发,不冒泡 |
unload | 页面或资源即将卸载(如关闭页面)时触发,不冒泡 |