DOM級(jí)別一共可以分為四個(gè)級(jí)別:DOM0級(jí)、DOM1級(jí)、DOM2級(jí)和DOM3級(jí)。

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

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)用戶與頁(yè)面上的元素交互時(shí)觸發(fā)，如: load、scroll

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

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

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

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

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

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

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

同時(shí)DOM3級(jí)事件也允許使用者自定義一些事件。

猜你喜歡：

hidden屬性的用法

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

draggable屬性的用法

前端BFC是什么？

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