摘要：所有節(jié)點(diǎn)中都包含這兩個(gè)方法，并且它們都接受個(gè)參數(shù)要處理的事件名，作為事件處理程序的函數(shù)和一個(gè)布爾值。和支持這個(gè)事件。

事件流描述的是從頁(yè)面中接收事件的順序

IE的事件流叫做事件冒泡，即事件開(kāi)始時(shí)由最具體的元素(文檔中嵌套層次最深的那個(gè)節(jié)點(diǎn))接收，然后逐級(jí)向上傳播到較為不具體的節(jié)點(diǎn)

事件捕獲的思想是不太具體的節(jié)點(diǎn)應(yīng)該更早接收到事件，而最具體的節(jié)點(diǎn)應(yīng)該最后接收到事件，事件捕獲的用意在于在事件到達(dá)預(yù)定目標(biāo)之前捕獲它。

DOM2級(jí)事件規(guī)定的事件流包括三個(gè)階段：事件捕獲階段，處于目標(biāo)階段和事件冒泡階段

某個(gè)元素支持的每種事件都可以使用一個(gè)與相應(yīng)事件處理程序同名的HTML特性來(lái)指定，這個(gè)特性的值應(yīng)該是能夠執(zhí)行的JavaScript代碼

每個(gè)元素，包括window和document都有自己的事件處理程序?qū)傩?，這些屬性通常全部小寫

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

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

var btn=document.getElementById("myBtn");
btn.addEventListener("click",function()){
  alert(this.id);
},false);
btn.addEventListener("click",function(){
  alert("Hello world!");
},false)

通過(guò)addEventListener()添加的事件處理程序只能使用removeEventListener()來(lái)移除，移除時(shí)傳入的參數(shù)與添加處理程序時(shí)使用的參數(shù)相同，這也意味著通過(guò)addEventListener()來(lái)添加的匿名函數(shù)將無(wú)法移除

IE實(shí)現(xiàn)了與DOM中蕾西的兩個(gè)方法，attachEvent()和detachEvent()。這兩個(gè)方法接收相同的兩個(gè)參數(shù)，事件處理程序和事件處理程序函數(shù)

要保證處理事件的代碼能在大多數(shù)瀏覽器下一致地運(yùn)行，只需關(guān)注冒泡階段

第一個(gè)要?jiǎng)?chuàng)建的方法是addHandler()，它的職責(zé)是視情況分別使用DOM0級(jí)方法，DOM2級(jí)方法或IE方法來(lái)添加時(shí)間，這個(gè)方法屬于一個(gè)名叫EventUtil的對(duì)象。addHandler()方法接收3個(gè)參數(shù)：要操作的元素、事件名稱和事件處理程序函數(shù)

與addHandler()對(duì)應(yīng)的方法是removeHandler()它也接收相同的參數(shù)，這個(gè)方法的職責(zé)是移除之前添加的事件處理程序，無(wú)論事件處理程序時(shí)采取什么方式添加到元素中的，如果其他方法無(wú)效，默認(rèn)采用DOM0級(jí)方法

兼容DOM的瀏覽器會(huì)將一個(gè)event對(duì)象傳入到事件處理程序中，無(wú)論指定事件處理程序使用什么方法，都會(huì)傳入event對(duì)象

DOM3級(jí)事件規(guī)定以下幾類事件

UI事件，當(dāng)用戶與頁(yè)面上的元素交互時(shí)觸發(fā)

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

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

滾輪事件，當(dāng)使用鼠標(biāo)滾輪時(shí)觸發(fā)

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

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

合成事件，當(dāng)為IME輸入字符時(shí)觸發(fā)

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

變動(dòng)名稱事件，當(dāng)元素或?qū)傩悦儎?dòng)時(shí)觸發(fā)，已廢棄

UI事件指的是那些不一定與用戶操作有關(guān)的事件

DOMActivate，表示元素已經(jīng)被用戶操作，通過(guò)鼠標(biāo)或鍵盤激活

load，當(dāng)頁(yè)面完全加載后在window上面觸發(fā)，當(dāng)所有的框架都加載完畢時(shí)在框架集上面觸發(fā)，當(dāng)圖像加載完畢時(shí)在元素上觸發(fā)，或者嵌入的內(nèi)容加載完畢時(shí)在