是什么

事件：html文档或者浏览器发生的一种交互操作

阶段

• 事件捕获阶段
• 目标阶段
• 事件冒泡阶段

事件模型

• 原始模型DOM0
• 标准模型DOM2
• IE事件模型

原始模型

• 在html元素上直接绑定

特点

• 不支持捕获
• 只能绑定一次，后面覆盖前面

<input type="button" onclick="fun()">

标准模型

• 捕获阶段
• 目标阶段
• 冒泡阶段

绑定,移除

• eventType 事件类型onclick
• handler 执行方法
• useCapture 默认false，冒泡阶段执行

dom.addEventListener(eventType, handler, useCapture)
dom.removeEventListener(eventType, handler, useCapture)

IE模型

• 目标阶段
• 冒泡阶段

绑定,移除

dom.attachEvent(eventType, handler)
dom.detachEvent(eventType, handler)