var btn = document.getElementById("myBtn");
btn.onclick = function(){
  console.log("Clicked");
}; 

在此，我們通過文檔對(duì)象取得了一個(gè)按鈕的引用，然后為它指定了 onclick 事件處理程序。但要注意，在這些代碼運(yùn)行以前不會(huì)指定事件處理程序，因此如果這些代碼在頁面中位于按鈕后面，就有可能在一段時(shí)間內(nèi)怎么單擊都沒有反應(yīng)。
使用 DOM0 級(jí)方法指定的事件處理程序被認(rèn)為是元素的方法。因此，這時(shí)候的事件處理程序是在元素的作用域中運(yùn)行；換句話說，程序中的 this 引用當(dāng)前元素。來看一個(gè)例子。

var btn = document.getElementById("myBtn");
btn.onclick = function(){
  console.log(this.id); // "myBtn"
}; 

單擊按鈕顯示的是元素的 ID，這個(gè) ID 是通過 this.id 取得的。不僅僅是 ID，實(shí)際上可以在事件處理程序中通過 this 訪問元素的任何屬性和方法。以這種方式添加的事件處理程序會(huì)在事件流的冒泡階段被處理。
也可以刪除通過 DOM0 級(jí)方法指定的事件處理程序，只要像下面這樣將事件處理程序?qū)傩缘闹翟O(shè)置為 null 即可：

btn.onclick = null; // 刪除事件處理程序

將事件處理程序設(shè)置為 null 之后，再單擊按鈕將不會(huì)有任何動(dòng)作發(fā)生。

3. DOM2 級(jí)事件處理程序

“DOM2級(jí)事件”定義了兩個(gè)方法，用于處理指定和刪除事件處理程序的操作：addEventListener() 和removeEventListener()。
所有 DOM 節(jié)點(diǎn)中都包含這兩個(gè)方法，并且它們都接受 3 個(gè)參數(shù)：要處理的事件名、作為事件處理程序的函數(shù) 和 一個(gè)布爾值。
最后這個(gè)布爾值參數(shù)如果是 true，表示在捕獲階段調(diào)用事件處理程序；如果是 false，表示在冒泡階段調(diào)用事件處理程序。
要在按鈕上為 click 事件添加事件處理程序，可以使用下列代碼：

var btn = document.getElementById("myBtn");
btn.addEventListener("click", function(){
  console.log(this.id);
}, false); 

上面的代碼為一個(gè)按鈕添加了 onclick 事件處理程序，而且該事件會(huì)在冒泡階段被觸發(fā)（因?yàn)樽詈笠粋€(gè)參數(shù)是 false）。與 DOM0 級(jí)方法一樣，這里添加的事件處理程序也是在其依附的元素的作用域中運(yùn)行。使用 DOM2 級(jí)方法添加事件處理程序的主要好處是可以添加多個(gè)事件處理程序。來看下面的例子。

var btn = document.getElementById("myBtn");
btn.addEventListener("click", function(){
  console.log(this.id);
}, false);

btn.addEventListener("click", function(){
  console.log("Hello world!");
}, false); 

這里為按鈕添加了兩個(gè)事件處理程序。這兩個(gè)事件處理程序會(huì)按照添加它們的順序觸發(fā)，因此首先會(huì)顯示元素的 ID，其次會(huì)顯示 "Hello world!" 消息。
通過 addEventListener() 添加的事件處理程序只能使用 removeEventListener() 來移除；移除時(shí)傳入的參數(shù)與添加處理程序時(shí)使用的參數(shù)相同。這也意味著通過 addEventListener() 添加的匿名函數(shù)將無法移除，如下面的例子所示。

var btn = document.getElementById("myBtn");
btn.addEventListener("click", function(){
  console.log(this.id); 
}, false);

//這里省略了其他代碼
btn.removeEventListener("click", function(){  // 沒有用！
  console.log(this.id);
}, false);

在這個(gè)例子中，我們使用 addEventListener() 添加了一個(gè)事件處理程序。雖然調(diào)用 removeEventListener()
時(shí)看似使用了相同的參數(shù)，但實(shí)際上，第二個(gè)參數(shù)與傳入 addEventListener() 中的那一個(gè)是完全不同的函數(shù)。而傳入 removeEventListener() 中的事件處理程序函數(shù)必須與傳入 addEventListener() 中的相同，如下面的例子所示。

var btn = document.getElementById("myBtn");
var handler = function(){
 alert(this.id);
};
btn.addEventListener("click", handler, false);
//這里省略了其他代碼
btn.removeEventListener("click", handler, false); //有效！

重寫后的這個(gè)例子沒有問題，是因?yàn)樵?addEventListener()和 removeEventListener()中使用了相同的函數(shù)。
大多數(shù)情況下，都是將事件處理程序添加到事件流的冒泡階段，這樣可以最大限度地兼容各種瀏覽器。最好只在需要在事件到達(dá)目標(biāo)之前截獲它的時(shí)候?qū)⑹录幚沓绦蛱砑拥讲东@階段。如果不是特別需要，我們不建議在事件捕獲階段注冊(cè)事件處理程序。

4. IE事件處理程序

IE 實(shí)現(xiàn)了與 DOM 中類似的兩個(gè)方法：attachEvent() 和 detachEvent()。這兩個(gè)方法接受相同的兩個(gè)參數(shù)：事件處理程序名稱與事件處理程序函數(shù)。由于 IE8 及更早版本只支持事件冒泡，所以通過 attachEvent() 添加的事件處理程序都會(huì)被添加到冒泡階段。
要使用 attachEvent() 為按鈕添加一個(gè)事件處理程序，可以使用以下代碼。

var btn = document.getElementById("myBtn");
btn.attachEvent("onclick", function(){
 alert("Clicked");
}); 

注意，attachEvent()的第一個(gè)參數(shù)是"onclick"，而非 DOM 的 addEventListener()方法中的"click"。
在 IE 中使用 attachEvent()與使用 DOM0 級(jí)方法的主要區(qū)別在于事件處理程序的作用域。在使用 DOM0 級(jí)方法的情況下，事件處理程序會(huì)在其所屬元素的作用域內(nèi)運(yùn)行；在使用 attachEvent()方法的情況下，事件處理程序會(huì)在全局作用域中運(yùn)行，因此 this 等于 window。來看下面的例子。

var btn = document.getElementById("myBtn");
btn.attachEvent("onclick", function(){
 alert(this === window); //true
}); 

在編寫跨瀏覽器的代碼時(shí)，牢記這一區(qū)別非常重要。
與 addEventListener()類似，attachEvent()方法也可以用來為一個(gè)元素添加多個(gè)事件處理程序。來看下面的例子。

var btn = document.getElementById("myBtn");
btn.attachEvent("onclick", function(){
 alert("Clicked");
});
btn.attachEvent("onclick", function(){
 alert("Hello world!");
}); 

這里調(diào)用了兩次 attachEvent()，為同一個(gè)按鈕添加了兩個(gè)不同的事件處理程序。不過，與 DOM方法不同的是，這些事件處理程序不是以添加它們的順序執(zhí)行，而是以相反的順序被觸發(fā)。單擊這個(gè)例子中的按鈕，首先看到的是"Hello world!"，然后才是"Clicked"。
使用 attachEvent()添加的事件可以通過 detachEvent()來移除，條件是必須提供相同的參數(shù)。與 DOM 方法一樣，這也意味著添加的匿名函數(shù)將不能被移除。不過，只要能夠?qū)?duì)相同函數(shù)的引用傳給 detachEvent()，就可以移除相應(yīng)的事件處理程序。例如：

var btn = document.getElementById("myBtn");
var handler = function(){
 alert("Clicked");
};
btn.attachEvent("onclick", handler);
//這里省略了其他代碼
btn.detachEvent("onclick", handler); 

這個(gè)例子將保存在變量 handler 中的函數(shù)作為事件處理程序。因此，后面的 detachEvent()可以使用相同的函數(shù)來移除事件處理程序。

5. 跨瀏覽器的事件處理程序

為了以跨瀏覽器的方式處理事件，不少開發(fā)人員會(huì)使用能夠隔離瀏覽器差異的 JavaScript 庫，還有一些開發(fā)人員會(huì)自己開發(fā)最合適的事件處理的方法。自己編寫代碼其實(shí)也不難，只要恰當(dāng)?shù)厥褂媚芰z測即可。要保證處理事件的代碼能在大多數(shù)瀏覽器下一致地運(yùn)行，只需關(guān)注冒泡階段。
第一個(gè)要?jiǎng)?chuàng)建的方法是 addHandler()，它的職責(zé)是視情況分別使用 DOM0 級(jí)方法、DOM2 級(jí)方法或 IE 方法來添加事件。這個(gè)方法屬于一個(gè)名叫 EventUtil 的對(duì)象，本書將使用這個(gè)對(duì)象來處理瀏覽器間的差異。addHandler()方法接受 3 個(gè)參數(shù)：要操作的元素、事件名稱和事件處理程序函數(shù)。
與 addHandler()對(duì)應(yīng)的方法是 removeHandler()，它也接受相同的參數(shù)。這個(gè)方法的職責(zé)是移除之前添加的事件處理程序——無論該事件處理程序是采取什么方式添加到元素中的，如果其他方法無效，默認(rèn)采用 DOM0 級(jí)方法。
EventUtil 的用法如下所示。

var EventUtil = {

 addHandler: function(element, type, handler){
 if (element.addEventListener){
 element.addEventListener(type, handler, false);
 } else if (element.attachEvent){
 element.attachEvent("on" + type, handler);
 } else {
 element["on" + type] = handler;
 }
 },
 removeHandler: function(element, type, handler){
 if (element.removeEventListener){
 element.removeEventListener(type, handler, false);
 } else if (element.detachEvent){
 element.detachEvent("on" + type, handler);
 } else {
 element["on" + type] = null;
 }
 }
}; 

這兩個(gè)方法首先都會(huì)檢測傳入的元素中是否存在 DOM2 級(jí)方法。如果存在 DOM2 級(jí)方法，則使用該方法：傳入事件類型、事件處理程序函數(shù)和第三個(gè)參數(shù) false（表示冒泡階段）。如果存在的是 IE 的方法，則采取第二種方案。注意，為了在 IE8 及更早版本中運(yùn)行，此時(shí)的事件類型必須加上"on"前綴。最后一種可能就是使用 DOM0 級(jí)方法（在現(xiàn)代瀏覽器中，應(yīng)該不會(huì)執(zhí)行這里的代碼）。此時(shí)，我們使用的是方括號(hào)語法來將屬性名指定為事件處理程序，或者將屬性設(shè)置為 null。
可以像下面這樣使用 EventUtil 對(duì)象：

var btn = document.getElementById("myBtn");
var handler = function(){
 alert("Clicked");
};
EventUtil.addHandler(btn, "click", handler);
//這里省略了其他代碼
EventUtil.removeHandler(btn, "click", handler); 

addHandler()和 removeHandler()沒有考慮到所有的瀏覽器問題，例如在 IE 中的作用域問題。不過，使用它們添加和移除事件處理程序還是足夠了。此外還要注意，DOM0 級(jí)對(duì)每個(gè)事件只支持一個(gè)事件處理程序。好在，只支持 DOM0 級(jí)的瀏覽器已經(jīng)沒有那么多了，因此這對(duì)你而言應(yīng)該不是什么問題。

三、事件對(duì)象

在觸發(fā) DOM 上的某個(gè)事件時(shí)，會(huì)產(chǎn)生一個(gè)事件對(duì)象 event，這個(gè)對(duì)象中包含著所有與事件有關(guān)的信息。包括導(dǎo)致事件的元素、事件的類型以及其他與特定事件相關(guān)的信息。例如，鼠標(biāo)操作導(dǎo)致的事件對(duì)象中，會(huì)包含鼠標(biāo)位置的信息，而鍵盤操作導(dǎo)致的事件對(duì)象中，會(huì)包含與按下的鍵有關(guān)的信息。所有瀏覽器都支持 event 對(duì)象，但支持方式不同。

1. DOM中的事件對(duì)象

兼容 DOM 的瀏覽器會(huì)將一個(gè) event 對(duì)象傳入到事件處理程序中。無論指定事件處理程序時(shí)使用什么方法（DOM0 級(jí)或 DOM2 級(jí)），都會(huì)傳入 event 對(duì)象。來看下面的例子。

var btn = document.getElementById("myBtn");
btn.onclick = function(event){
 alert(event.type); //"click"
};
btn.addEventListener("click", function(event){
 alert(event.type); //"click"
}, false); 

這個(gè)例子中的兩個(gè)事件處理程序都會(huì)彈出一個(gè)警告框，顯示由 event.type 屬性表示的事件類型。這個(gè)屬性始終都會(huì)包含被觸發(fā)的事件類型，例如 click（與傳入 addEventListener() 和 removeEventListener() 中的事件類型一致）。
在通過 HTML 特性指定事件處理程序時(shí)，變量 event 中保存著 event 對(duì)象。請(qǐng)看下面的例子。

<input type="button" value="Click Me" onclick="alert(event.type)"/>

以這種方式提供 event 對(duì)象，可以讓 HTML 特性事件處理程序與 JavaScript 函數(shù)執(zhí)行相同的操作。
event 對(duì)象包含與創(chuàng)建它的特定事件有關(guān)的屬性和方法。觸發(fā)的事件類型不一樣，可用的屬性和方法也不一樣。不過，所有事件都會(huì)有下表列出的成員。

在事件處理程序內(nèi)部，對(duì)象 this 始終等于 currentTarget 的值，而 target 則只包含事件的實(shí)際目標(biāo)。如果直接將事件處理程序指定給了目標(biāo)元素，則 this、currentTarget 和 target 包含相同的值。來看下面的例子。

var btn = document.getElementById("myBtn");
btn.onclick = function(event){
 alert(event.currentTarget === this); //true
 alert(event.target === this); //true
}; 

這個(gè)例子檢測了 currentTarget 和 target 與 this 的值。由于 click 事件的目標(biāo)是按鈕，因此這三個(gè)值是相等的。如果事件處理程序存在于按鈕的父節(jié)點(diǎn)中（例如 document.body），那么這些值是不相同的。再看下面的例子。

document.body.onclick = function(event){
 alert(event.currentTarget === document.body); //true
 alert(this === document.body); //true
 alert(event.target === document.getElementById("myBtn")); //true
};

當(dāng)單擊這個(gè)例子中的按鈕時(shí)，this 和 currentTarget 都等于 document.body，因?yàn)槭录幚沓绦蚴亲?cè)到這個(gè)元素上的。然而，target 元素卻等于按鈕元素，因?yàn)樗?click 事件真正的目標(biāo)。由于按鈕上并沒有注冊(cè)事件處理程序，結(jié)果 click 事件就冒泡到了 document.body，在那里事件才得到了處理。
在需要通過一個(gè)函數(shù)處理多個(gè)事件時(shí)，可以使用 type 屬性。例如：

var btn = document.getElementById("myBtn");
var handler = function(event){ 
switch(event.type){
 case "click":
 alert("Clicked");
 break;

 case "mouseover":
 event.target.style.backgroundColor = "red";
 break;

 case "mouseout":
 event.target.style.backgroundColor = "";
 break;
 }
};
btn.onclick = handler;
btn.onmouseover = handler;
btn.onmouseout = handler; 

這個(gè)例子定義了一個(gè)名為 handler 的函數(shù)，用于處理 3 種事件：click、mouseover 和 mouseout。當(dāng)單擊按鈕時(shí)，會(huì)出現(xiàn)一個(gè)與前面例子中一樣的警告框。當(dāng)按鈕移動(dòng)到按鈕上面時(shí)，背景顏色應(yīng)該會(huì)變成紅色，而當(dāng)鼠標(biāo)移動(dòng)出按鈕的范圍時(shí)，背景顏色應(yīng)該會(huì)恢復(fù)為默認(rèn)值。這里通過檢測 event.type屬性，讓函數(shù)能夠確定發(fā)生了什么事件，并執(zhí)行相應(yīng)的操作。
要阻止特定事件的默認(rèn)行為，可以使用 preventDefault()方法。例如，鏈接的默認(rèn)行為就是在被單擊時(shí)會(huì)導(dǎo)航到其 href 特性指定的 URL。如果你想阻止鏈接導(dǎo)航這一默認(rèn)行為，那么通過鏈接的onclick 事件處理程序可以取消它，如下面的例子所示。

var link = document.getElementById("myLink");
link.onclick = function(event){
 event.preventDefault();
}; 

只有 cancelable 屬性設(shè)置為 true 的事件，才可以使用 preventDefault()來取消其默認(rèn)行為。
另外，stopPropagation()方法用于立即停止事件在 DOM 層次中的傳播，即取消進(jìn)一步的事件捕獲或冒泡。例如，直接添加到一個(gè)按鈕的事件處理程序可以調(diào)用 stopPropagation()，從而避免觸發(fā)注冊(cè)在 document.body 上面的事件處理程序，如下面的例子所示。

var btn = document.getElementById("myBtn");
btn.onclick = function(event){
 alert("Clicked");
 event.stopPropagation();
};
document.body.onclick = function(event){
 alert("Body clicked");
}; 

對(duì)于這個(gè)例子而言，如果不調(diào)用 stopPropagation()，就會(huì)在單擊按鈕時(shí)出現(xiàn)兩個(gè)警告框?？墒?，由于 click 事件根本不會(huì)傳播到 document.body，因此就不會(huì)觸發(fā)注冊(cè)在這個(gè)元素上的 onclick 事件處理程序。
事件對(duì)象的 eventPhase 屬性，可以用來確定事件當(dāng)前正位于事件流的哪個(gè)階段。如果是在捕獲階段調(diào)用的事件處理程序，那么 eventPhase 等于 1；如果事件處理程序處于目標(biāo)對(duì)象上，則 eventPhase等于 2；如果是在冒泡階段調(diào)用的事件處理程序，eventPhase 等于 3。這里要注意的是，盡管“處于目標(biāo)”發(fā)生在冒泡階段，但 eventPhase 仍然一直等于 2。來看下面的例子。

var btn = document.getElementById("myBtn");
btn.onclick = function(event){
 alert(event.eventPhase); //2
};
document.body.addEventListener("click", function(event){
 alert(event.eventPhase); //1
}, true);
document.body.onclick = function(event){
 alert(event.eventPhase); //3
}; 

當(dāng)單擊這個(gè)例子中的按鈕時(shí)，首先執(zhí)行的事件處理程序是在捕獲階段觸發(fā)的添加到 document.body 中的那一個(gè)，結(jié)果會(huì)彈出一個(gè)警告框顯示表示 eventPhase 的 1。接著，會(huì)觸發(fā)在按鈕上注冊(cè)的事件處理程序，此時(shí)的 eventPhase 值為 2。最后一個(gè)被觸發(fā)的事件處理程序，是在冒泡階段執(zhí)行的添加到 document.body 上的那一個(gè)，顯示 eventPhase 的值為 3。而當(dāng) eventPhase 等于 2 時(shí)，this、target 和 currentTarget 始終都是相等的。

2. IE中的事件對(duì)象

與訪問 DOM 中的 event 對(duì)象不同，要訪問 IE 中的 event 對(duì)象有幾種不同的方式，取決于指定事件處理程序的方法。在使用 DOM0 級(jí)方法添加事件處理程序時(shí)，event 對(duì)象作為 window 對(duì)象的一個(gè)屬性存在。來看下面的例子。

var btn = document.getElementById("myBtn");
btn.onclick = function(){
 var event = window.event;
 alert(event.type); //"click"
}; 

在此，我們通過 window.event 取得了 event 對(duì)象，并檢測了被觸發(fā)事件的類型（IE 中的 type屬性與 DOM 中的 type 屬性是相同的）?？墒?，如果事件處理程序是使用 attachEvent()添加的，那么就會(huì)有一個(gè) event 對(duì)象作為參數(shù)被傳入事件處理程序函數(shù)中，如下所示。

var btn = document.getElementById("myBtn");
btn.attachEvent("onclick", function(event){
 alert(event.type); //"click"
}); 

在像這樣使用 attachEvent()的情況下，也可以通過 window 對(duì)象來訪問 event 對(duì)象，就像使用DOM0 級(jí)方法時(shí)一樣。不過為方便起見，同一個(gè)對(duì)象也會(huì)作為參數(shù)傳遞。
如果是通過HTML特性指定的事件處理程序，那么還可以通過一個(gè)名叫event的變量來訪問event對(duì)象（與 DOM 中的事件模型相同）。再看一個(gè)例子。

<input type="button" value="Click Me" onclick="alert(event.type)"> 

IE 的 event 對(duì)象同樣也包含與創(chuàng)建它的事件相關(guān)的屬性和方法。其中很多屬性和方法都有對(duì)應(yīng)的或者相關(guān)的 DOM 屬性和方法。與 DOM 的 event 對(duì)象一樣，這些屬性和方法也會(huì)因?yàn)槭录愋偷牟煌煌?，但所有事件?duì)象都會(huì)包含下表所列的屬性和方法。

因?yàn)槭录幚沓绦虻淖饔糜蚴歉鶕?jù)指定它的方式來確定的，所以不能認(rèn)為 this 會(huì)始終等于事件目標(biāo)。故而，最好還是使用 event.srcElement 比較保險(xiǎn)。例如：

var btn = document.getElementById("myBtn");
btn.onclick = function(){
 alert(window.event.srcElement === this); //true
};
btn.attachEvent("onclick", function(event){
 alert(event.srcElement === this); //false
}); 

在第一個(gè)事件處理程序中（使用 DOM0 級(jí)方法指定的），srcElement 屬性等于 this，但在第二個(gè)事件處理程序中，這兩者的值不相同。
如前所述，returnValue 屬性相當(dāng)于 DOM 中的 preventDefault()方法，它們的作用都是取消給定事件的默認(rèn)行為。只要將 returnValue 設(shè)置為 false，就可以阻止默認(rèn)行為。來看下面的例子。

var link = document.getElementById("myLink");
link.onclick = function(){
 window.event.returnValue = false;
}; 

這個(gè)例子在onclick事件處理程序中使用returnValue達(dá)到了阻止鏈接默認(rèn)行為的目的。與DOM不同的是，在此沒有辦法確定事件是否能被取消。
相應(yīng)地，cancelBubble 屬性與 DOM 中的 stopPropagation()方法作用相同，都是用來停止事件冒泡的。由于 IE 不支持事件捕獲，因而只能取消事件冒泡；但 stopPropagatioin()可以同時(shí)取消事件捕獲和冒泡。例如：

var btn = document.getElementById("myBtn");
btn.onclick = function(){
 alert("Clicked");
 window.event.cancelBubble = true;
};
document.body.onclick = function(){
 alert("Body clicked");
}; 

通過在 onclick 事件處理程序中將 cancelBubble 設(shè)置為 true，就可阻止事件通過冒泡而觸發(fā)
document.body 中注冊(cè)的事件處理程序。結(jié)果，在單擊按鈕之后，只會(huì)顯示一個(gè)警告框。

四、事件類型

Web 瀏覽器中可能發(fā)生的事件有很多類型。如前所述，不同的事件類型具有不同的信息，而“DOM3
級(jí)事件”規(guī)定了以下幾類事件。

• UI（User Interface，用戶界面）事件，當(dāng)用戶與頁面上的元素交互時(shí)觸發(fā)；
• 焦點(diǎn)事件，當(dāng)元素獲得或失去焦點(diǎn)時(shí)觸發(fā)；
• 鼠標(biāo)事件，當(dāng)用戶通過鼠標(biāo)在頁面上執(zhí)行操作時(shí)觸發(fā)；
• 滾輪事件，當(dāng)使用鼠標(biāo)滾輪（或類似設(shè)備）時(shí)觸發(fā)；
• 文本事件，當(dāng)在文檔中輸入文本時(shí)觸發(fā)；
• 鍵盤事件，當(dāng)用戶通過鍵盤在頁面上執(zhí)行操作時(shí)觸發(fā)；
• 合成事件，當(dāng)為 IME（Input Method Editor，輸入法編輯器）輸入字符時(shí)觸發(fā)；
• 變動(dòng)（mutation）事件，當(dāng)?shù)讓?DOM 結(jié)構(gòu)發(fā)生變化時(shí)觸發(fā)。
• 變動(dòng)名稱事件，當(dāng)元素或?qū)傩悦儎?dòng)時(shí)觸發(fā)。此類事件已經(jīng)被廢棄，沒有任何瀏覽器實(shí)現(xiàn)它們，
  因此本章不做介紹。

除了這幾類事件之外，HTML5 也定義了一組事件，而有些瀏覽器還會(huì)在 DOM 和 BOM 中實(shí)現(xiàn)其他
專有事件。這些專有的事件一般都是根據(jù)開發(fā)人員需求定制的，沒有什么規(guī)范，因此不同瀏覽器的實(shí)現(xiàn)
有可能不一致。
DOM3 級(jí)事件模塊在 DOM2 級(jí)事件模塊基礎(chǔ)上重新定義了這些事件，也添加了一些新事件。包括
IE9 在內(nèi)的所有主流瀏覽器都支持 DOM2 級(jí)事件。IE9 也支持 DOM3 級(jí)事件。

參考

• 《JavaScript高級(jí)程序設(shè)計(jì)》