js事件處理

標籤：

DOM方法 addEventListener() 和 removeEventListener()是用來分配和刪除事件的函數。

這兩個方法都需要三個參數，分別為：

1) 事件名稱 (String)

2) 要觸發的事件處理函數 (Function)

3) 指定事件處理函數的時期或階段 (boolean)。

 

DOM事件流（剪自javascript進階程式設計）：

 

由圖可知：捕獲過程要先於冒泡過程

 

支援W3C標準的瀏覽器：

在添加事件時用addEventListener(event,fn,useCapture)方法，基中第3個參數useCapture是一個Boolean值，用來設定事件是在事件捕獲時執行，還是事件冒泡時執行。

第三個參數設定為true：就在捕獲過程中執行處理函數。

第三個參數設定為false：就在冒泡過程中執行處理函數。

 

而不相容W3C的瀏覽器(IE)：

在添加事件時用attachEvent()方法，此方法沒有相關設定，不過IE的事件模型預設是在事件冒泡時執行的，也就是在useCapture等於false的時候執行，所以把在處理事件時把useCapture設定為false是比較安全，也實現相容瀏覽器的效果。

 

事件捕獲階段：事件從最上一級標籤開始往下尋找，直到捕獲到事件目標(target)。事件冒泡階段：事件從事件目標(target)開始，往上冒泡直到頁面的最上一級標籤。

 

【轉載】

http://blog.csdn.net/kongjiea/article/details/30234095　　[addEventListener第三個參數作用]

http://blog.csdn.net/kongjiea/article/details/39023505　　[js的事件冒泡和事件捕獲]

http://blog.csdn.net/kongjiea/article/details/40297785　　[javascript打造跨瀏覽器事件處理機制]

http://blog.csdn.net/kongjiea/article/details/40297651　　[js事件詳解-js事件封裝函數，js跨瀏覽器事件處理機制]

 

js事件處理