事件類

DOM事件類：

• DOM事件的級別
• DOM事件的模型
• DOM事件流
• DOM事件捕獲的具體流程
• Event對象的常見應用
• 自定義事件

一、DOM事件的級別

主要有三個級別0,，2，3。沒有1，主要是當時沒有涉及到與事件相關的操做。

DOM0級，el.onclick = function(){}；DOM2級和DOM3級差很少，都是使用的是el.addEventListener()來監聽，DOM2是el.addEventListener(onclick,function(){},false)，DOM3是el.addEventListener('keyup',function(){},false)。這裏的第三個參數是事件模型的捕獲和冒泡斷定，true爲捕獲，false爲冒泡。而這連個主要區別在於第一個參數上，DOM2第一個參數主要是onclick、onmouserover、onmousemove、onmouseout等；DOM3主要就是鼠標事件、鍵盤事件等。

二、事件模型和事件流

事件模型就是事件捕獲和事件冒泡兩個了。捕獲就是從上往下觸發，冒泡是事件從下往上觸發。而事件流就是對模型的具體化，也就一個操做的具體過程。就如點擊鼠標觸發，它是如何傳到頁面的，這一個完整的過程就能夠說是事件流。完整的事件事件流主要有三個階段，第一個階段是捕獲階段，當到達目標後就是第二個階段即目標階段，第三個階段就是目標階段（目標元素）返回到瀏覽器執行（windon）也就是冒泡階段。

 

三、DOM事件捕獲的具體流程

DOM事件捕獲的具體流程是從瀏覽器往下觸發到最後的目標元素。瀏覽器即window對象。

執行順序：window——>document——>document.documentElement（html）——>body——>元素結構（從上到下）——>最後目標元素。

四、Event對象的常見應用

五、自定義事件