阻止冒泡和阻止捕获

注意:现代所有的浏览器都支持事件冒泡,只是在实现上有一些差别

阻止事件冒泡捕获:

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

你可能感兴趣的:(阻止冒泡和阻止捕获)