JAVASCRIPT網頁應用程式設計

24

|

第二章

如果想要移除監聽器函式，可以利用

removeEventListener()

。它所接收的參數和

addEventListener()

完全相同。不過如果在呼叫

addEventListener()

時所傳入的監聽器

函式是匿名函式，而且沒有讓任何變數參照到它，那麼就得要銷毀（destroy）整個網頁

元件，才能移除監聽器函式：

var div = document.getElementById("div");

var listener = function(event) { /* ... */ };

div.addEventListener("click", listener, false);

div.removeEventListener("click", listener, false);

監聽器函式接收到的第一組引數，是一個

event

物件，透過這個物件可以取得和事件相

關的各種資料，像是觸發事件的時間、地點（以 x,y 座標軸格式呈現），以及目標元件。

此外，它還提供了一些可用來阻止事件繼續向外傳播、中止事件預設行為的函式。

每種瀏覽器能支援的事件類型都不盡相同，不過目前所有主流的瀏覽器，應該都能支援

下列這幾種事件：

•

click

•

dblclick

•

mousemove

•

mouseover

•

mouseout

•

focus

•

blur

•

change

（針對表單的輸入欄位）

•

submit

（針對表單）

Quirksmode 網站（

http://www.quirksmode.org/dom/events/index.html ...