JS DOM事件处理-事件捕获和事件冒泡

270 阅读1分钟

1.什么是事件冒泡?

当一个DOM元素上的事件被触发的时候(如:按钮点击事件),同样的事件将会在那个元素的所有父元素中被触发,这个事件会从原始元素开始一直传递到DOM树的最上层,这一过程被称为事件冒泡。

2.什么是事件捕获?

浏览器获取事件(如:按钮点击事件)是从DOM的最顶层开始的,事件发生后会从DOM的根开始向下传递,直到目标元素,目标元素的所有父元素都会被依次遍历,浏览器获取事件的过程被称为事件捕获。

事件捕获发生在事件冒泡之前。事件捕获是从上级元素到下级元素,即:从最不精确的对象(document)开始触发,然后到最精确的目标元素的顺序触发。事件冒泡是从下级元素到上级元素,即:从最特定的事件目标到最不特定的目标事件(document)的顺序触发。