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

事件流描述的是從頁面中接收事件的順序

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

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

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

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

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

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

DOM2級事件定義了兩個方法，用于處理指定和刪除事件處理程序的操作，addEventListener()和removeEventListener()。所有DOM節(jié)點中都包含這兩個方法，并且它們都接受3個參數(shù)：要處理的事件名，作為事件處理程序的函數(shù)和一個布爾值。最后這個布爾值參數(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)

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

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

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

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

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

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

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

UI事件，當用戶與頁面上的元素交互時觸發(fā)

焦點事件，當元素獲得或失去焦點時觸發(fā)

鼠標事件，當用戶通過鼠標在頁面上執(zhí)行操作時觸發(fā)

滾輪事件，當使用鼠標滾輪時觸發(fā)

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

鍵盤事件，當用戶通過鍵盤在頁面上執(zhí)行操作時觸發(fā)

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

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

變動名稱事件，當元素或?qū)傩悦儎訒r觸發(fā)，已廢棄

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

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

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