JS中的事件捕获、冒泡
今天我在查找vue的组件的时候看到有一段关于事件传播机制很有趣的一段话
事件的传播机制
*捕获阶段:从里往外一次查找元素
*目标阶段:当前事件源本身操作
*冒泡阶段:从内到外一次触发相关行为(最常用)
冒泡和捕获
捕获就是:爹(target)的事件触发,儿子和孙子的相同事件也会被触发。
冒泡就是:儿子(target)触发事件,爹和祖宗的相同的时间也会触发。
阻止冒泡
e.stopPropagation会阻止冒泡,意思就是到我为止,我爹和我祖宗的事情就不要触发了。
这一段话非常的深冬形象的去描述了捕获、冒泡、阻止冒泡的关系。如果大家想看更详尽的可以参考https://www.jianshu.com/p/244c8d3f62a3