stopImmediatePropagation()立即阻止当前节点剩余同类型事件监听器执行并自动阻止冒泡；它只影响addEventListener绑定的监听器，对内联事件无效，且必须在事件处理函数内调用。
stopImmediatePropagation() 的作用是立即停止事件在当前节点上的后续监听器执行，同时也会阻止事件冒泡到父节点。但要注意：它只影响当前节点上已绑定的其他事件监听器，不影响父节点的监听器（除非你同时调用 stopPropagation()）。
什么时候会触发多个监听器？
一个元素可以绑定多个同类型事件监听器，例如：
- 多次调用
element.addEventListener('click', handler1)和element.addEventListener('click', handler2) - 同一个监听器被重复添加（未使用
{ once: true }或未手动去重） - 通过不同方式绑定（如内联
onclick+addEventListener，但注意内联事件不会被stopImmediatePropagation()阻止）
stopImmediatePropagation() 的实际效果
假设你这样绑定：
```jsbtn.addEventListener('click', () => console.log('first'));
btn.addEventListener('click', (e) => {
e.stopImmediatePropagation();
console.log('second — will NOT run');
});
btn.addEventListener('click', () => console.log('third — also will NOT run'));
```
点击后只会输出 first，后面两个监听器完全不会执行。
注意：stopImmediatePropagation() 必须在事件处理函数中调用，且一旦调用，当前节点上**所有尚未执行的同类型监听器都会被跳过**，不管它们是早绑定还是晚绑定的。
和 stopPropagation() 的关键区别
stopImmediatePropagation()：
– 阻止当前节点上其余监听器执行
– 同时自动调用 stopPropagation()（即也阻止冒泡）
stopPropagation()：
– 只阻止事件向上冒泡
– 不影响当前节点上其他监听器的执行顺序
所以如果你只想“不让别的 handler 跑”，就用 stopImmediatePropagation()；如果只是不想让父元素响应，用 stopPropagation() 即可。
常见误用提醒
- 它对内联事件（如
<button onclick="handle()>）无效——内联事件属于 DOM0 级绑定，执行时机和顺序与addEventListener不同，无法被干预 - 不能在事件处理函数外部调用，必须在回调内部、事件对象存在时使用
- 对已被移除或未绑定的监听器无影响，只作用于当前触发流程中尚未执行的部分
