stopPropagation()仅阻止事件向上冒泡，不影响同级监听器执行，须在事件处理函数同步调用；异步调用无效，事件委托中仅对子元素触发的事件有效，且需区分stopImmediatePropagation。
在JavaScript中，stopPropagation() 方法能阻止事件继续向父级元素冒泡，但要真正“精准”阻止，关键在于理解事件触发时机、作用域和DOM结构。它不会影响当前元素上其他监听器的执行，只中断冒泡路径。
确保在正确事件处理函数中调用
必须在事件监听器内部、事件被触发后立即调用 stopPropagation()，否则无效。常见错误是放在异步操作（如 setTimeout、Promise.then）里，此时事件早已完成冒泡。
- ✅ 正确写法：
element.addEventListener('click', e => { e.stopPropagation(); doSomething(); }); - ❌ 错误写法：
element.addEventListener('click', e => { setTimeout(() => e.stopPropagation(), 0); });（已失效）
注意事件委托场景下的特殊性
当父元素用事件委托监听子元素点击时（如 parent.addEventListener('click', handler)），stopPropagation 只对从子元素实际触发的事件有效。如果点击目标本就是父元素，它根本没经历冒泡，调用也无意义。
- 若子元素被点击，且子元素处理函数中调用了
e.stopPropagation()，父元素的委托监听器就不会收到该事件 - 但如果用户直接点击父元素空白区，事件从父元素自身开始，不经过子元素，stopPropagation 不起作用（也没必要）
区分 stopPropagation 和 stopImmediatePropagation
当一个元素绑定了多个同类型监听器时，stopPropagation 阻止冒泡，但不阻止同级其他监听器执行；而 stopImmediatePropagation 会同时阻止同级后续监听器和冒泡。
Alibabacloud Sdk Client Initialization For Java
下载
在 Java 中初始化和管理阿里云 SDK客户端。包括单例模式、线程安全、endpoint 与 region 配置、VPC 终端节点、同步与异步等。
立即学习“Java免费学习笔记（深入）”；
- 适用场景：你只想让某个特定监听器生效，且彻底隔离——用
e.stopImmediatePropagation() - 常见需求：表单内按钮点击提交，同时需阻止外层模态框关闭 → 在按钮监听器中调用
e.stopPropagation()即可
检查是否被其他代码提前终止或覆盖
有时看似没生效，其实是别的逻辑干扰了：
- 父元素监听器用了
once: true或已被移除 - 子元素事件被
return false替代（仅在jQuery或旧式内联handler中等效于 preventDefault + stopPropagation） - 使用了
event.cancelBubble = true（IE兼容写法，效果相同，但推荐统一用 stopPropagation）
不复杂但容易忽略：stopPropagation 的作用范围严格限定在当前事件流的一次传递中，只要调用位置对、时机准、上下文清，就能可靠拦截向上冒泡。
