Posted on 2008-12-21 09:54
魚躍于淵 閱讀(1419)
評論(0) 編輯 收藏 所屬分類:
javascript相關
前面零散地寫了些關于 addEventListener 的內容，覺得比較散，有些地方可能也說得不夠清楚明白，所以決定以連載的形式從頭到尾再寫一篇。
addEventListener 用于注冊事件處理程序，IE 中為 attachEvent，我們為什么講 addEventListener 而不講 attachEvent 呢？一來 attachEvent 比較簡單，二來 addEventListener 才是 DOM 中的標準內容。
簡介
addEventListener 為文檔節點、document、window 或 XMLHttpRequest 注冊事件處理程序，在以前我們一般是 <input type="button" onclick="..."，或 document.getElementById("testButton").onclick = FuncName， 而在 DOM 中，我們用 addEventListener（IE 中用 attachEvent）。
語法
target.addEventListener(type, listener, useCapture);
- target 文檔節點、document、window 或 XMLHttpRequest。
- type 字符串，事件名稱，不含“on”，比如“click”、“mouseover”、“keydown”等。
- listener 實現了 EventListener 接口或者是 JavaScript 中的函數。
- useCapture 是否使用捕捉，看了后面的事件流一節后就明白了，一般用 false。
示例
1 function Go()
2 {
3 //
4 }
5
6 document.getElementById("testButton").addEventListener("click", Go, false);
或者 listener 直接就是函數
1 document.getElementById("testButton").addEventListener("click", function () { }, false);