DOM 事件
DOM 事件的級別
- DOM0
el.onclick = fun;
- DOM2
el.addEventListener('click',fun, false)
DOM 事件模型
- 捕獲（目標(biāo)元素從上到下）
- 冒泡（目標(biāo)元素向上）
DOM 事件流
- 捕獲向下到目標(biāo)
- 目標(biāo)階段獲取
- 從目標(biāo)元素上傳的window
DOM 事件捕獲具體過程
window -> document -> html -> body -> el
Event 對象的常見應(yīng)用
| 屬性 |
描述 |
| event.preventDefault() |
阻止默認(rèn)事件 |
| event.stopPropagation() |
阻止冒泡 |
| event.stoplmmediatePropagation |
事件響應(yīng)優(yōu)先級 |
| event.currentTarget |
注冊事件監(jiān)聽器對象 |
| event.target |
獲取目標(biāo)元素 |
自定義事件
var eve = new Event('custome');
el.addEventListener('custome', func);
el.dispatchEvent(eve);
// CustomEvent 也可以綁定自定義事件
