事件对象的几个属性:
1、e.currentTarget:相当于this(this没有兼容性)
2、e.target:事件源头元素
3、e.stopPropagation():阻止事件冒泡,同时也会阻止事件捕获
4、e.eventPhase:获取当前事件所属的阶段
5、e.type:获取触发当前这个事件所属的类型
事件冒泡与事件捕获:
事件冒泡:当一个元素的事件被触发,该元素所有的父元素同名事件会被依次触发
事件捕获:当一个元素的事件被触发,先从最*父元素依次到目标元素触发同名事件
利用事件冒泡:只需要给父元素注册一个事件就可以,然后使用e.target操作事件源头元素
实现事件捕获:唯一的方式是使用addEventListener方法添加,且第三个参数为true
事件的三个阶段:事件捕获->事件目标->事件冒泡