JS中的事件捕获、冒泡

今天我在查找vue的组件的时候看到有一段关于事件传播机制很有趣的一段话

事件的传播机制

*捕获阶段：从里往外一次查找元素

*目标阶段：当前事件源本身操作

*冒泡阶段：从内到外一次触发相关行为（最常用）

冒泡和捕获

捕获就是：爹（target）的事件触发，儿子和孙子的相同事件也会被触发。

冒泡就是：儿子（target）触发事件，爹和祖宗的相同的时间也会触发。

阻止冒泡

e.stopPropagation会阻止冒泡，意思就是到我为止，我爹和我祖宗的事情就不要触发了。

这一段话非常的深冬形象的去描述了捕获、冒泡、阻止冒泡的关系。如果大家想看更详尽的可以参考https://www.jianshu.com/p/244c8d3f62a3