js事件机制（捕获，冒泡，委托，代理）

一 事件捕获

事件从DOM树的根节点开始，然后逐级向下捕获到最具体的元素（目标元素）。当事件捕获时，父级元素的事件处理程序会在子级元素的事件处理程序之后被触发。

二 事件冒泡

与事件捕获相反，事件从触发它的最具体的元素（目标元素）开始，然后逐级向上冒泡到更一般的元素，直到达到DOM树的根节点。当事件冒泡时，父级元素的事件处理程序会在子级元素的事件处理程序之前被触发。

三 事件委托

事件冒泡的一个常见应用场景是事件委托（event delegation）。通过事件委托，我们可以将事件处理程序绑定到父级元素，而不是直接绑定到每个子元素，从而减少了事件处理程序的数量，提高了性能和代码的可维护性

四、事件冒泡和事件捕获区别
1、触发顺序：事件捕获先于事件冒泡触发。在事件捕获阶段，事件从DOM树的根节点向下传播到目标元素；在事件冒泡阶段，事件从目标元素向上冒泡到根节点。

2、事件处理程序执行顺序：在事件捕获阶段，父级元素的事件处理程序会先于子级元素的事件处理程序执行；在事件冒泡阶段，子级元素的事件处理程序会先于父级元素的事件处理程序执行。

3、默认阶段：大多数事件处理程序默认情况下在事件冒泡阶段触发，因此它们通常在事件冒泡阶段被执行。但是，可以使用addEventListener的第三个参数来指定事件是在事件捕获阶段还是事件冒泡阶段处理。