选择题 1：A
关于事件冒泡描述正确的是？
A. 从目标元素向 document 冒泡
B. 从 document 向目标元素冒泡
C. 从 document 向目标元素冒泡，再从目标元素向 document 冒泡
D. 以上都不是

选择题 2：AD
以下哪些 script 标签属性会使脚本有可能在 DOMContentLoaded 事件之后加载？
A. script async

B. script defer

C. script type="module"

D. script type="module" async

事件冒泡

事件冒泡和事件捕获 www.jianshu.com/p/8311f782f…

事件冒泡：事件从事件源沿着嵌套关系从内向外传递

focus,blur,change,submit,reset,select等事件不冒泡，事件代理是用的冒泡原理

一般的，事件分为三个阶段：捕获阶段、目标阶段和冒泡阶段。

<div id="box1">
  <div id="box2">
    <div id="box3">点击</div>
  </div>
</div>

var b1=document.getElementById("box1")
var b2=document.getElementById("box2")
var b3=document.getElementById("box3")

b1.onclick = function(){console.log("box1")}
b2.onclick = function(){console.log("box2")}
b3.onclick = function(){console.log("box3")}

点击box3，会依次在控制台打印box3、box2、box1

阻止事件冒泡可以使用：（1）event.stopPropagation()

b2.onclick = function(e){
    console.log("box2")
    e.stopPropagation()
}

（2）判断event.target 和 event.currentTarget是否相等

b2.onclick=function(){
    if(event.target==event.currentTarget){
        console.log("box2")
    }
}

（3）window.event.cancelBubble = true （谷歌，IE8兼容，火狐不支持）（4）return false （jQuery）不仅阻止事件冒泡，还可以阻止事件默认行为

事件捕获

在捕获的过程中，最外层（根）元素的事件先被触发，然后依次向内执行，直到触发最里面的元素（事件源）

注意：IE低版本没有捕获，普通事件绑定方法没有捕获 addEventListener绑定事件，如果把第三个参数设置为true，则在捕获的时候执行事件

b1.addEventListener('click',function(e){console.log("box1")},true)
b2.addEventListener('click',function(e){console.log("box2")},true)
b3.addEventListener('click',function(e){console.log("box3")},true)