元芳怎么了
2019-03-22 18:19:02
如題,看文檔中說前者是阻止事件冒泡,后者是阻止所有被定義handler響應(yīng)。那么是否可以這么理解,stopPropagation是在原生的DOM事件中阻止了事件向后傳遞,而stopImmediatePropagation是直接cancel掉了你在jQuery上定義的handler。兩者的區(qū)別就是,一個(gè)在DOM上stop,一個(gè)在jQuery里stop?那么stopPropagation豈不是就把stopImmediatePropagation的功能包括了,還需要設(shè)計(jì)后者干嘛?
1 回答

MYYA
TA貢獻(xiàn)1868條經(jīng)驗(yàn) 獲得超4個(gè)贊
請(qǐng)看文檔里對(duì)event.stopImmediatePropagation()
的描述:
Keeps the rest of the handlers from being executed and prevents the event from bubbling up the DOM tree.
從這里可以看出,stopImmediatePropagation做了兩件事情:
第一件事:阻止 綁定在事件觸發(fā)元素的 其他同類事件的callback的運(yùn)行,看他下面的例子就很明白:
$("p").click(function(event) {
event.stopImmediatePropagation();
});
$("p").click(function(event) {
// 不會(huì)執(zhí)行以下代碼
$(this).css("background-color", "#f00");
});
第二件事,阻止事件傳播到父元素,這跟stopPropagation
的作用是一樣的。
所以文檔里面還有這么一句話:
.. this method also stops the bubbling by implicitly calling event.stopPropagation().
意思是說其實(shí)這個(gè)方法是調(diào)用了stopPropagation()
方法的。
stopImmediatePropagation比stopPropagation多做了第一件事情,這就是他們之間的區(qū)別
添加回答
舉報(bào)
0/150
提交
取消