冒泡的定义
百度百科:当事件发生后,这个事件就要开始传播(从里到外或者从外向里)。为什么要传播呢?因为事件源本身(可能)并没有处理事件的能力,即处理事件的函数(方法)并未绑定在该事件源上。例如我们点击一个按钮时,就会产生一个click事件,但这个按钮本身可能不能处理这个事件,事件必须从这个按钮传播出去,从而到达能够处理这个事件的代码中(例如我们给按钮的onclick属性赋一个函数的名字,就是让这个函数去处理该按钮的click事件),或者按钮的父级绑定有事件函数,当该点击事件发生在按钮上,按钮本身并无处理事件函数,则传播到父级去处理。
简单理解:当一个元素接收到事件的时候 会把他接收到的事件传给自己的父级,一直到window
误区:点击子节点=点击父节点
在JS中事件传播顺序:
1.捕获阶段:从window顶层传到结点;怎么设置:addEventListener(’’,func,bool),第三个值就是设置在什么阶段
false表示只在冒泡阶段,true表示在捕获阶段(默认值),第三个值还可以是一个配置对象{
capture:bool //表示捕获阶段
once:bool //表示是否只执行一次
passvie:bool //是否调用preventDefault,配合scroll使用,用作两级联动