事件捕获和事件冒泡
#### 事件捕获和事件冒泡
Example:
<div>
<p>元素</p>
</div>
这俩元素都绑定了click事件,如果用户点击了p,它在div和p上都触发了click事件,那这两个事件处理程序哪个先执行?事件顺序是什么?
事件冒泡 : 当你使用事件冒泡时,子级元素先触发,父级元素后触发. 也就是p先触发
事件捕获 : 使用事件捕获时,父级元素先触发,子级元素后触发. 也就是div先触发
在W3C模型中,可以自己选择使用绑定事件时,使用冒泡还是捕获.
方法 : addEventListener函数. 它包含三个参数,第三个参数如果是true就采用事件捕获,如果是false就采用事件冒泡.
ele.addEventListener('click',function(),true/false)
true : 事件句柄在捕获阶段执行
false : 默认为false.事件句柄在冒泡阶段执行
🌈