js-dom事件传播

1、事件冒泡

在DOM（文档对象模型）结构中，当一个元素上的事件被触发时，该事件不仅会被该元素上的事件监听器捕获，同时也会沿着DOM树向上传播到父元素，直到根节点。这个过程自下而上，这就是事件冒泡

2、事件捕获

当事件发生时，浏览器会从根节点（通常是document对象）开始，然后向下遍历DOM树，直到达到事件的目标元素。这个过程是从上到下的，这就是事件捕获

3、事件委托

利用事件冒泡的机制来完成，当我需要给多个子元素都触发某种事件时，只需要给他们的相同父元素绑定该事件即可；当子元素触发事件时，事件冒泡到父元素上触发绑定的事件，再通过触发事件的事件源(e.target)来判断是哪个子元素触发即可；可用来优化事件性能；

4、实现方式

father.addEventListener("click", (e) => {
      e.target   // 触发事件源
},false);   // false参数为默认值代表冒泡阶段触发  true则为捕获阶段触发

// onclick事件触发机制为冒泡阶段，无法修改