魚(yú)躍于淵

前面零散地寫(xiě)了些關(guān)于 addEventListener 的內(nèi)容，覺(jué)得比較散，有些地方可能也說(shuō)得不夠清楚明白，所以決定以連載的形式從頭到尾再寫(xiě)一篇。

addEventListener 用于注冊(cè)事件處理程序，IE 中為 attachEvent，我們?yōu)槭裁粗v addEventListener 而不講 attachEvent 呢？一來(lái) attachEvent 比較簡(jiǎn)單，二來(lái) addEventListener 才是 DOM 中的標(biāo)準(zhǔn)內(nèi)容。

簡(jiǎn)介

addEventListener 為文檔節(jié)點(diǎn)、document、window 或 XMLHttpRequest 注冊(cè)事件處理程序，在以前我們一般是 <input type="button" onclick="..."，或 document.getElementById("testButton").onclick = FuncName， 而在 DOM 中，我們用 addEventListener（IE 中用 attachEvent）。

語(yǔ)法

• target 文檔節(jié)點(diǎn)、document、window 或 XMLHttpRequest。
• type 字符串，事件名稱，不含“on”，比如“click”、“mouseover”、“keydown”等。
• listener 實(shí)現(xiàn)了 EventListener 接口或者是 JavaScript 中的函數(shù)。
• useCapture 是否使用捕捉，看了后面的事件流一節(jié)后就明白了，一般用 false。

示例

1 function Go()
2 {
3     //
4 }
5 
6 document.getElementById("testButton").addEventListener("click", Go, false);

或者 listener 直接就是函數(shù)

1 document.getElementById("testButton").addEventListener("click", function () {  }, false);