停止传播与立即停止传播

event.stopPropagation()event.stoppimediatepropagation()之间有什么区别

stopPropagation将阻止任何父处理程序执行stoppimmediatepropagation将阻止任何父处理程序以及任何其他处理程序执行

jquery文档中的快速示例:

$(“p”)。单击(函数(事件){
事件。stopImmediatePropagation();
});
$(“p”)。单击(函数(事件){
//此函数将不被执行
$(this.css(“背景色”,“#f00”);
});
<脚本src=”https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js“&gt&lt/脚本>
<p>示例&lt/p&gt

注意,事件绑定的顺序在这里很重要

$(“p”)。单击(函数(事件){
//此函数现在将触发
$(this.css(“背景色”,“#f00”);
});
$(“p”)。单击(函数(事件){
事件。stopImmediatePropagation();
});
<脚本src=”https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js“&gt&lt/脚本>
<p>示例&lt/p&gt

发表评论