js中的事件传播

当一个事件在一个嵌套元素中发生时候，浏览器会经历三个阶段来处理这个事件

1. 捕获阶段：从DOM树的根部 document 开始，向下传播到目标元素，这个时候，传播路径上只要有元素监听这个事件，就会被触发
2. 目标阶段：事件到达目标元素，这个元素上的目标监听器会被触发
3. 冒泡阶段：事件从目标元素开始，上传到 DOM 元素 的根部，这个阶段，事件会依次触发路径中所有父元素的这个事件的监听器

阻止事件向上/下传播（DOM←>目标元素）：e.stopPropagation()

reference

https://www.youtube.com/watch?v=XF1_MlZ5l6M