傳統方式
element.onclick = function(e){
// ...
};
1. 傳統綁定的優點
非常簡單且穩定，可確保它在你所使用的不同瀏覽器中運作一致
非常簡單且穩定，可確保它在你所使用的不同瀏覽器中運作一致
非常簡單且穩定，可確保它在你所使用的不同瀏覽器中運作一致
是當前，this元素，這很有幫組
2. 傳統綁定的缺點
傳統方法只會在事件冒泡中運行，而非捕獲和冒泡
一個元素一次只能綁定一個事件處理函數。新綁定的事件處理函數會覆寫舊的事件處理函數
事件物件參數(e)僅非IE瀏覽器可用
W3C方式
element.addEventListener('click', function(e){
// ...
}, false);
1.
1.同時支援事件處理的捕捉和冒泡階段。事件階段取決於addEventListener最後的參數設定：false (冒泡) 或 true (捕獲)。 在事件處理函數內部，this關鍵字引用目前元素。 事件物件總是可以透過處理函數的第一個參數(e)來捕獲。 可以為同一個元素綁定你所希望的多個事件，同時並不會覆蓋先前綁定的事件2. W3C綁定的缺點IE不支持，你必須使用IE的attachEvent函數替代。 IE方式element.attachEvent('onclick', function(){
// ...
});
不管瀏覽器類型，事件物件總是作為第一個物件傳入
