一、事件級別
DOM0
element.onClick = function(){}
DOM2
element.addEventLisenter('click', function(){}, false);
DOM3? ? 增加了多種事件類型
element.addEventListener('keyup', function(){}, flase);
二、事件模型
捕獲? ? 自上而下
冒泡? ? 自下而上
三、事件流
事件捕獲階段(capture phase)
處于目標階段(target phase)
事件冒泡階段(bubbling phase)
四、事件捕獲具體流程
window → document?→ html?→ body?→ parent?→ child?→ target
五、Event對象常見應用
event.preventDefault();? ? //阻止默認事件
event.stopPropagation();? ? //阻止冒泡
event.stopImmediatePropagation();? ? //事件響應優先級
event.currentTarget; ? //當前綁定事件的元素，一般在事件委托時事件綁定在父元素
event.target;? ? //當前被點擊的元素
六、自定義事件
var event = new Event('custome');
element.addEventListener('customer', function(){
? ? console.log('custome');
});
element.dispatchEvent(event);
