阻止冒泡和阻止捕获
2018-08-17 本文已影响0人
我是大队长_1342
注意:现代所有的浏览器都支持事件冒泡,只是在实现上有一些差别
阻止事件冒泡捕获:
stopPropagation()方法既可以阻止事件冒泡,也可以阻止事件捕获,也可以阻止处于目标阶段。
document.getElementById("button").addEventListener("click",function(event){
alert("button");
event.stopPropagation();
},false);
DOM3新增: event.stopImmediatePropagation() :如果有多个相同类型事件的事件监听函数绑定到同一个元素,当该类型的事件触发时,它们会按照被添加的顺序执行。如果其中某个监听函数执行了 event.stopImmediatePropagation() 方法,则当前元素剩下的监听函数将不会被执行。
(注意区别 event.stopPropagation,共同点:阻止事件传播到父元素。区别:阻止 绑定在当前事件的同类事件的运行 )
参照:https://developer.mozilla.org/zh-CN/docs/Web/API/Event/stopImmediatePropagation