关于事件对象中的stopImmediatePropagation

关于e.stopPropagation(),大家应该知道这个方法是用来阻止事件冒泡的。

那么e.stopImmediatePropagation()可能比较少见。

stopImmediatePropagation

用来阻止在同一DOM对象上同一事件类型的其它事件函数的执行
并且与事件先后注册的顺序有关

document.addEventListener("click",e=>{ console.log("click",1); }) document.addEventListener("click",e=>{ console.log("click",2); })

正常就应该是这样,如果你用document.onclick那么我应该不用解释吧。

加上e.stopImmediatePropagation();

document.addEventListener("click",e=>{ e.stopImmediatePropagation(); console.log("click",1); }) document.addEventListener("click",e=>{ console.log("click",2); })

但阻止的是在其之后注册事件

document.addEventListener("click",e=>{ console.log("click",1); }) document.addEventListener("click",e=>{ e.stopImmediatePropagation(); console.log("click",2); })

这里两个事件都触发了。

并且不同类型之间的事件不相影响


__EOF__

本文作者龙陌
本文链接https://www.cnblogs.com/longmo666/p/18187334.html
关于博主:评论和私信会在第一时间回复。或者直接私信我。
版权声明:本博客所有文章除特别声明外,均采用 BY-NC-SA 许可协议。转载请注明出处!
声援博主:如果您觉得文章对您有帮助,可以点击文章右下角推荐一下。您的鼓励是博主的最大动力!
posted @   龙陌  阅读(115)  评论(0编辑  收藏  举报
相关博文:
阅读排行:
· 全程不用写代码,我用AI程序员写了一个飞机大战
· DeepSeek 开源周回顾「GitHub 热点速览」
· 记一次.NET内存居高不下排查解决与启示
· MongoDB 8.0这个新功能碉堡了,比商业数据库还牛
· .NET10 - 预览版1新功能体验(一)
点击右上角即可分享
微信分享提示