事件冒泡的流程
js事件流（event flow ）:
是指从页面中接收事件的顺序,也可理解为事件在页面中传播的顺序，并存在三个阶段：事件捕获阶段、处于目标阶段、事件冒泡阶段。
事件冒泡和事件捕获的区别：
当事件发生时，最先得到通知的
是window，然后是document，由上至下逐级依次而入，直到真正触发事件的那个元素(目标元素)为止，这个过程就是捕获。
接下来，事件会从目标元素开始起泡，由下至上逐级依次传播，直到window对象为止，这个过程就是冒泡。
所以捕获比冒泡先执行。其中DOM3级事件在DOM2的基础之上添加了更多的事件类型。
事件委托
对“事件处理程序过多”问题的解决方案就是事件委托。事件委托利用了事件冒泡，只制定一个事件处理程序，就可以管理某一类型的所有事件。例如click事件一直会冒泡到document层。也就是我们可以只指定onclick事件处理程序，而不必给每个事件分别添加处理程序。
样式以及DOM结构
————————————————
版权声明：本文为CSDN博主「2c不高兴」的原创文章，遵循CC 4.0 BY-SA版权协议，转载请附上原文出处链接及本声明。
原文链接：https://blog.csdn.net/Blackcat0/article/details/115099898
