Javascript——冒泡排序和阻止事件冒泡

最新推荐文章于 2022-08-22 17:20:33 发布

mintsolace

最新推荐文章于 2022-08-22 17:20:33 发布

阅读量660

点赞数

分类专栏： css javascript 学习笔记文章标签： javascript css

本文链接：https://blog.csdn.net/mintsolace/article/details/108153567

版权

本文介绍了DOM事件流的三个阶段，包括捕获阶段和冒泡阶段，并详细说明了JavaScript中如何通过addEventListener设置事件处理程序在不同阶段执行。同时，探讨了某些事件没有冒泡的情况以及阻止事件冒泡的两种方法。最后，讨论了事件委托的概念和原理，它通过给父节点添加监听器，利用事件冒泡实现对每个子节点的影响，以此提高程序性能。

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

事件发生时会在元素节点之间按照特定的顺序传播，这个传播过程即DOM事件流。

JS代码中只能执行捕获或者冒泡其中的一个阶段
onclick和attachEvent只能得到冒泡阶段
addEventListener(type,listener[, useCapture])第三个参数如果是true，表示在事件捕获阶段调用事件处理程序；如果是false（不写默认就是false），表示在事件冒泡阶段调用事件处理程序。

DOM事件流三个阶段

JS代码中只能执行捕获或者冒泡其中的一个阶段
onclick和attachEvent(ie)只能得到冒泡阶段
捕获阶段，如果addEventListener第三个参数是true，那么处于捕获阶段：document->html->body->father->son

<script>
        var son = document.querySelector('.son');
        son.addEventListener('click',function(){
   
            alert('son');
        },true);
        var father = document.