美文网首页javascript
阻止冒泡和阻止捕获

阻止冒泡和阻止捕获

作者: 我是大队长_1342 | 来源:发表于2018-08-17 16:32 被阅读0次

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

阻止事件冒泡捕获:

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

相关文章

网友评论

    本文标题:阻止冒泡和阻止捕获

    本文链接:https://www.haomeiwen.com/subject/lkhtiftx.html