JS中的事件捕获、冒泡

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

事件的传播机制

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

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

*冒泡阶段:从内到外一次触发相关行为(最常用)

JS中的事件捕获、冒泡

冒泡和捕获

捕获就是:爹(target)的事件触发,儿子和孙子的相同事件也会被触发。

冒泡就是:儿子(target)触发事件,爹和祖宗的相同的时间也会触发。

阻止冒泡

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

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