DOM級(jí)別
DOM0
通過元素的事件屬性(onclick)來進(jìn)行綁定處理函數(shù)
// 綁定事件
document.getElement('btn').onclick = function() {
}
// 解綁
document.getElement('btn').onclick = null
DOM2(DOM標(biāo)準(zhǔn)中沒有定義DOM1)
通過addEventLinstner來綁定處理函數(shù)拗窃。
解決了DOM0不能同時(shí)綁定多個(gè)處理函數(shù)的缺點(diǎn)
// 綁定
document.getElement('btn').addEventListner('click', func1)
document.getElement('btn').addEventListner('click', func2)
// 解綁
document.getElement('btn').removeEventListner('click')
DOM3
添加了更多的事件
- UI事件:load挽唉、srcoll
- 焦點(diǎn)事件:blur、focus
- 滾輪事件:mounsewheel
- 文本事件:textInput
- 鍵盤事件:keydown歼秽、keypress
- 合成事件
- 變動(dòng)事件:DOMsubtreeModified
- 自定義事件
DOM事件流
image
- 事件的三個(gè)階段