<think>嗯，用户问的是“
不会冒泡的
事件有哪些？”。首先，我需要回忆一下DOM
事件流中的
冒泡机制。通常，
事件分为捕获阶段、目标阶段和
冒泡阶段。大多数
事件默认会
冒泡，但有些特定的
事件不会。
首先，我得确定哪些
事件是
不会冒泡的。记得像focus、blur这些
事件是不
冒泡的，因为它们在表单元素处理焦点时通常不需要向上传递。另外，load
事件也
不会冒泡，比如图片加载完成，只在目标元素触发。还有mouseenter和mouseleave，这两个
事件的设计是为了避免在鼠标移动时频繁触发父元素的
事件，所以它们不
冒泡。类似的还有resize
事件，当窗口大小变化时只在window对象触发，不
冒泡。还有
scroll事件，滚动元素时只在自身触发，不向上传播。
然后，需要确认这些
事件的正确性，避免错误信息。比如，是否abort
事件（资源加载中止）和error
事件（加载失败）也不
冒泡。我记得这些确实
不会冒泡，因为它们的处理通常需要在目标元素上直接处理，不需要父级干预。
接下来，考虑用户可能的实际应用场景。用户可能是前端开发者，在处理
事件委托时需要注意这些
不会冒泡的
事件，无法通过父元素代理。比如，如果用户试图在父元素上监听focus
事件，可能无法捕获子元素的焦点变化，这时候需要使用focusin
事件，因为focusin是
冒泡的。
另外，可能需要提到一些现代浏览器中的变动，比如虽然DOM规范中某些
事件不
冒泡，但有些浏览器可能有不同的实现。但通常来说，标准中规定的不
冒泡事件是通用的。
最后，整理这些
事件，分门别类，给出清晰的例子和说明，帮助用户理解为什么这些
事件不会冒泡，以及在实际开发中如何处理这些情况。确保回答结构清晰，先总述再分点，每类
事件举例说明，可能的应用场景和解决方案。</think>在 DOM
事件模型中，大多数
事件会**
冒泡**（从触发元素向上传递到根节点），但以下
事件默认**
不会冒泡**，其传播仅停留在目标阶段：
---
### 一、常见不
冒泡的
事件类型
#### 1. **焦点相关
事件**
- **`focus`**：元素获得焦点时触发（如表单输入框被选中）
- **`blur`**：元素失去焦点时触发
**替代方案**：若需
冒泡行为，可用 `focusin`（
冒泡版 focus）和 `focusout`（
冒泡版 blur）。
#### 2. **资源加载
事件**
- **`load`**：资源加载完成（如 `<img>` 加载图片）
- **`abort`**：资源加载中止（如用户取消图片加载）
- **`error`**：资源加载失败（如脚本路径错误）
#### 3. **鼠标进出
事件**
- **`mouseenter`**：鼠标进入元素区域
- **`mouseleave`**：鼠标离开元素区域
**对比**：`mouseover`/`mouseout` 会
冒泡，但可能因频繁触发导致性能问题。
#### 4. **UI 状态
事件**
- **`resize`**：窗口或元素尺寸变化（仅在 `window` 或特定元素触发）
- **`
scroll`**：元素滚动时触发（仅限当前滚动元素）
---
### 二、验证方法
可通过简单代码验证
事件是否
冒泡：
```
javascript
document.addEventListener('focus', (e) => {
console.log('
冒泡的 focus
事件被捕获'); //
不会触发
}, true); // 使用捕获阶段监听
document.querySelector('input').addEventListener('focus', (e) => {
console.log('目标元素的 focus
事件触发'); // 仅此处触发
});
```
---
### 三、开发注意事项
1. **
事件委托限制**
无法通过父元素代理上述
事件（如监听父容器的 `focus`
事件无效）。
2. **解决方案**
- 改用
冒泡替代
事件（如 `focusin` 代替 `focus`）
- 直接在目标元素绑定监听器
- 通过 `event.stopPropagation()` 主动阻止其他
事件的
冒泡干扰
---
### 附：部分
事件冒泡对照表
| 不
冒泡事件 | 可
冒泡替代
事件 |
|--------------------|--------------------|
| `focus` | `focusin` |
| `blur` | `focusout` |
| `mouseenter` | `mouseover` |
| `mouseleave` | `mouseout` |
理解
事件冒泡特性可避免开发中的意外行为，提升
事件处理精度。
博主尝试用scroll事件委托实现图片懒加载，却发现行不通。查阅资料后得知，focus、blur、scroll事件无法冒泡。
扫一扫
304
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
