addEventListener-開始

作者:vkvi 來源:千一網絡(原創) 日期:2008-10-21

前面零散地寫了些關于 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。

示例

function Go()
{
    //...
}

document.getElementById("testButton").addEventListener("click", Go, false);

或者 listener 直接就是函數

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

 

相關文章
文章評論
最新22选5开奖公告