千锋教育JavaScript全套视频教程（10天学会Js，前端javasc...

1. 事件：由用户行为触发的代码

2.三要素：

(1) 事件源：给哪个元素绑定事件

(2) 事件类型：用户行为（click，dbclick，…）

(3) 事件处理函数：要执行的代码，函数

3.绑定事件

(1) 事件源.on+事件类型 = 事件处理函数

4.事件监听方式

(1)事件源.addEventListener(事件类型，事件处理函数[函数名]

  在监听事件外，定义函数,为removeEventListener提供方便

(2)this在事件处理函数，代表事件源

5.on方式和addEventListener的区别

(1)on只能绑定一个事件处理函数，多个会覆盖；addEventListener可以绑定多个事件

处理函数

(2)取消方式不同

①. box.onclick = null

②. removeEventListener(事件类型，事件处理函数[函数名])

(3) 支持的事件机制不一样， addEventListener可以支持两种