DOM 事件
DOM 事件的级别
- DOM0
el.onclick = fun; - DOM2
el.addEventListener('click',fun, false)
DOM 事件模型
- 捕获（目标元素从上到下）
- 冒泡（目标元素向上）
DOM 事件流
- 捕获向下到目标
- 目标阶段获取
- 从目标元素上传的window
DOM 事件捕获具体过程
window -> document -> html -> body -> el
Event 对象的常见应用
| 属性 | 描述 |
|---|---|
| event.preventDefault() | 阻止默认事件 |
| event.stopPropagation() | 阻止冒泡 |
| event.stoplmmediatePropagation | 事件响应优先级 |
| event.currentTarget | 注册事件监听器对象 |
| event.target | 获取目标元素 |
自定义事件
var eve = new Event('custome');
el.addEventListener('custome', func);
el.dispatchEvent(eve);
// CustomEvent 也可以绑定自定义事件
