美文网首页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