关于事件对象中的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 许可协议。转载请注明出处！
声援博主：如果您觉得文章对您有帮助，可以点击文章右下角【推荐】一下。您的鼓励是博主的最大动力！