内容概况
1.绑定事件
2.事件流
3.事件对象扩展
4.事件委托
5.事件类型
事件绑定
1、addEventListener(“eventType” , fun)
2、.element.onEventType = fun
区别:
1.addEventListener在同一个元素上的同一事件类型添加多个事件,不会被覆盖,而onEventType会覆盖。
2.addEventListener可以设置元素在捕获阶段触发事件,而onEventType不能
事件流
三个div嵌套,都绑定click事件,点击最内层的元素,事件如何执行。
a:只执行最内层
b:从内到外都执行
c:从外到内都执行
事件捕获和事件冒泡
默认情况下,事件会在冒泡阶段执行
addEventListener(eventType,fun,boolean); //默认false:冒泡阶段触发;true:捕获阶段触发