1.事件流

時間流--- 描述的是從頁面中接受事件的順序。

（1）事件冒泡流。

事件最開始由最具體的元素（文檔中嵌套層次最深的那個節點）接收，然后逐級向上傳播至最不具體的那個節點（文檔）。

（2）事件捕獲流。

不太具體的節點應該更早接受到事件，而最具體的節點最后接受到事件。

2.JS事件探索

1.HTML事件處理程序 -- 直接寫在html標簽里面的js觸發語句。

2.DOM0級事件處理程序。

把一個函數賦值給一個事件的處理程序屬性，用的比較多的方法，簡單，跨瀏覽器的優勢。

3.DOM2級事件處理程序。

（1）用于處理制定和刪除事件處理程序的操作。

addEventListener（處理的事件名，事件處理程序的函數，布爾值） removeEventListner（）。

4.IE事件處理程序。

attachEvent（事件處理程序的名稱，事件處理程序的函數） detachEvent（）

不需要添加第三個參數：IE8以及更早的瀏覽器版本只支持事件冒泡。

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。removeEventListner）｛   element。removeEventListner（type，handler）；  ｝else if（element。detachEvent）｛   element。detachEvent（‘on' + type，handler） ；  ｝else｛   element【‘on' + type】 = handler ；   ｝｝}

3.事件對象

在觸發DOM上的事件時會產生一個對象，事件對象event。

（1）DOM中的事件對象。

1.type屬性 用于獲取事件類型。

2.target屬性 用于獲取事件目標。

3.stopPropagation（）方法  用于阻止事件冒泡。

4.preventDefault（）方法  阻止事件的默認行為。

（2）IE中的事件對象。

1.type屬性 用于獲取事件類型。

2.srcElement屬性 用于獲取事件的目標。

3.cancelBubble屬性 用于阻止事件冒泡。 設置true 表示阻止冒泡   設置false 表示不阻止冒泡。

4.returnValue屬性  用于阻止事件的默認行為。設置false表示阻止事件的默認行為。

以上就是本文的全部內容，希望本文的內容對大家的學習或者工作能帶來一定的幫助，同時也希望多多支持武林網！