DOM0級事件處理和DOM2級事件處理

0級DOM

分爲2個:一是在標籤內寫onclick事件

      二是在JS寫onlicke=function(){}函數

1)

<input id="myButton" type="button" value="Press Me" onclick="alert('thanks');" >

2)

document.getElementById("myButton").onclick = function () {
    alert('thanks');
}

以下是分割線


 

1級DOM--(爲什麼沒有1級DOM)

DOM級別1於1998年10月1日成爲W3C推薦標準。1級DOM標準中並沒有定義事件相關的內容,所以沒有所謂的1級DOM事件模型。在2級DOM中除了定義了一些DOM相關的操作之外還定義了一個事件模型 ,這個標準下的事件模型就是我們所說的2級DOM事件模型 


 

2級DOM

只有一個:監聽方法,有兩個方法用來添加和移除事件處理程序:addEventListener()和removeEventListener()。

它們都有三個參數:第一個參數是事件名(如click);

         第二個參數是事件處理程序函數;

           第三個參數如果是true則表示在捕獲階段調用,爲false表示在冒泡階段調用。

  • addEventListener():可以爲元素添加多個事件處理程序,觸發時會按照添加順序依次調用。
  • removeEventListener():不能移除匿名添加的函數。
document.getElementById("myTest").attachEvent("onclick", function(){alert(1)});
//等價於
document.getElementById("myTest").addEventListener("click", function(){alert(1)}, false);

 

只有2級DOM包含3個事件:事件捕獲階段、處於目標階段和事件冒泡階段

<span>
    <a></a>
</span>

點擊a後capturing(捕捉)階段事件傳播會從document-> span->a,然後發生在a,最後bubbling(冒泡)階段事件傳播會從a->span->document 。

 

1.事件冒泡(常用)

IE中採用的事件流是事件冒泡,先從具體的接收元素,然後逐步向上傳播到不具體的元素。

2.事件捕獲(少用)

Netscapte採用事件捕獲,先由不具體的元素接收事件,最具體的節點最後才接收到事件。

3.DOM事件流

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章