JavaScript中事件冒泡、捕获和委托的原理及区别如何详细阐述？

本文共计778个文字，预计阅读时间需要4分钟。

1、事件冒泡：在JavaScript事件传播过程中，当事件在一个元素上触发后，会逐级向上传播到更高级别的元素，直到document或window元素。并非所有事件都有冒泡现象。

1、事件冒泡：在javascript事件传播过程中，当事件在一个元素上出发之后，事件会逐级传播给先辈元素，直到document为止，有的浏览器可能到window为止。并不是所有的事件都有冒泡现象，比如如下几个：blur事件 ，focus事件， load事件

2、事件委托：事件捕获恰好与事件冒泡相反，它从顶层祖先元素开始，直到事件触发元素。

js事件捕获一般通过DOM2事件模型addEventListener来实现的：

target.addEventListener(type, listener, useCapture)

第三个参数默认设置为false，表示在冒泡阶段出发事件，设置为true时表示在捕获阶段触发，一般我们工作中似乎很少使用事件捕获。