DOM級別一共可以分為四個級別:DOM0級、DOM1級、DOM2級和DOM3級。

而DOM事件分為3個級別:DOM0級事件處理，DOM2級事件處理和DOM3級事件處理。由于DOM 1級中沒有事件的相關(guān)內(nèi)容，所以沒有DOM 1級事件。

1、dom0 element.onclick=function(){}

2、dom2 element.addEventListener( 'click’, function(){}, false) //默認(rèn)是false。false :冒泡階段執(zhí)行，true :捕獲階段產(chǎn)生。

3、dom3 element.addEventListener( 'keyup’ ， function(){}, false) //事件類型增加了很多，鼠標(biāo)事件、鍵盤事件

Ul事件，當(dāng)用戶與頁面上的元素交互時觸發(fā)，如: load、scroll

焦點(diǎn)事件，當(dāng)元素獲得或失去焦點(diǎn)時觸發(fā)，如: blur、focus

鼠標(biāo)事件，當(dāng)用戶通過鼠標(biāo)在頁面執(zhí)行操作時觸發(fā)如: dblclick、mouseup

滾輪事件，當(dāng)使用鼠標(biāo)滾輪或類似設(shè)備時觸發(fā)，如: mousewheel

文本事件，當(dāng)在文檔中輸入文本時觸發(fā)，如: textInput

鍵盤事件，當(dāng)用戶通過鍵盤在頁面上執(zhí)行操作時觸發(fā)，如: keydown、keypress

合成事件，當(dāng)為IME (輸入法編輯器)輸入字符時觸發(fā)，如: compositionstart

變動事件，當(dāng)?shù)讓覦OM結(jié)構(gòu)發(fā)生變化時觸發(fā)，如: DOMsubtreeModified

同時DOM3級事件也允許使用者自定義一些事件。

猜你喜歡：

hidden屬性的用法

Cookie、sessionStorage、localStorage的區(qū)別

draggable屬性的用法

前端BFC是什么？

黑馬程序員HTML&JS+前端培訓(xùn)課程