Posted on 2008-12-21 09:54
魚(yú)躍于淵 閱讀(1419)
評(píng)論(0) 編輯 收藏 所屬分類(lèi):
javascript相關(guān)
前面零散地寫(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.addEventListener(type, listener, useCapture);
- target 文檔節(jié)點(diǎn)、document、window 或 XMLHttpRequest。
- type 字符串，事件名稱(chēng)，不含“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);