事件冒泡:触发事件的那个节点,如果外层绑定了同类型的事件如click,则事件会从触发的那个节点开始向外触发(往外冒泡,一层一层,只要绑定了同类型事件<无论是通过事件委托绑定的还是单独绑定的>,依次触发事件,表现对应的事件内容,因为各事件绑定的内容可能不一样,所以事件表现也会不同)直到含有同类型事件的最外层
(含有同类型事件的最外层意思是:如果某一层含有同类事件然后它的外层都不含该事件了则这一层为含有同类事件的最外层)
事件捕获:触发事件的那个节点,如果外层绑定了同类型的事件如click,则事件会从绑定有同类型事件的最外层向里触发
事件委托:给父元素添加事件处理器,则它的子元素也相当于绑定了同类型事件,继承了父元素的事件,点击目标元素,则触发了目标元素绑定的事件(但是这个事件并没有绑定什么内容,相当于一个空的按钮,真正按了有反应的按钮在父节点那),通过事件冒泡,冒泡到父节点上,触发事件父节点通过event.target判断节点目标,执行相应事件内容
DOM2级事件流: 任何事件首先从含有同类型的事件的最外层向里传播【事件捕获阶段】,直到找到目标层,触发事件后【处于目标阶段】,再往外传播【冒泡阶段】。
addEventListener()方法的第三个参数指定事件是否在捕获阶段或者时冒泡阶段执行,默认为false,默认在冒泡阶段执行
onclick也是默认的在冒泡阶段执行