关于javascript:stopImmediatePropagation与stopPropagation区别

32次阅读

共计 342 个字符,预计需要花费 1 分钟才能阅读完成。

区别

stopImmediatePropagation 阻止父元素上的事件监听不再执行,同时雷同元素的雷同事件类型的监听事件也不再执行
stopPropagation 阻止父元素上的事件监听不再执行

例如,

<div>
    <p>hello</p>
</div>

给 p 绑定一个 click 事件,再给 p 绑定第二个 click 事件
给 div 绑定一个 click 事件

如果在 p 的第一个 click 事件回调中 stopPropagation,那么 p 的第二个 click 事件回调执行,div 的 click 事件回调不执行

如果在 p 的第一个 click 事件回调中 stopImmediatePropagation,那么 p 的第二个 click 事件回调和 div 的事件回调都不执行

参考资料

https://developer.mozilla.org…

正文完
 0