事件模型

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 也可以绑定自定义事件