stopPropagation 与 stopImmediatePropagation

江小虫儿

已于 2022-07-10 21:58:40 修改

阅读量418

点赞数 1

分类专栏：前端开发文章标签： javascript 开发语言 ecmascript

于 2022-07-10 14:53:02 首次发布

本文链接：https://blog.csdn.net/kate_sicheng/article/details/125705653

版权

本文探讨了JavaScript中两个重要的事件处理方法：stopPropagation用于阻止事件冒泡到父元素，而stopImmediatePropagation则进一步阻止当前元素上相同类型事件的后续处理，但不影响其他类型的事件。

摘要由CSDN通过智能技术生成

文章目录

stopPropagation 阻止冒泡至父元素
stopImmediatePropagation 阻止冒泡至当前元素的剩余的相同类型的事件

示例

    <div id="parent">
      parent
      <div id="son">son</div>
    </div>

    <script>
      var parent = document.getElementById("parent");
      var son = document.getElementById("son");

      parent.addEventListener("click", function (e) {
     
        console.log("===click parent===");
        e.stopImmediatePropagation();
      });

      son.