1.事件过程
事件捕获---->事件执行---->事件冒泡
2.事件捕获顺序
从父元素向子元素的方向捕获
3.事件冒泡顺序
从子元素向父元素方向冒泡
4.阻止事件冒泡和默认事件
//阻止事件冒泡
estopPopgation || e.cancelBubble=true
//取消默认事件
e.preventDefault || e.returnValue=false
5.事件代理:将子元素的事件过程绑定到父元素上执行
原理:通过e.target判断是哪个子元素,然后进行对应事件的编写
6.e.target和e.currentTarget区别:
e.target触发事件的元素
e.currentTarget事件绑定的元素
7.dom.addEventListener(eventName,callback,bool)参数说明:
dom:需要绑定事件的元素
eventName:事件名称(没有on)
bool:是否在捕获阶段执行,默认是false