JAVASCRIPT網頁應用程式設計

事件（Event）和監聽

|

29

並非所有瀏覽器都會支援

DOMContentLoaded

事件，而 jQuery 的

ready()

函式，就能在

各種不同的瀏覽器上正常運作：

jQuery.ready(function($){

$("#myForm").bind("submit", function(){ /* ... */ });

});

甚至還可以省略

ready()

函式，直接把處理器傳進 jQuery 物件裡面：

jQuery(function($){

// 網頁元件準備好之後，就會呼叫這個函式

});

執行環境的變換

一般人在學習事件時，通常最感困擾的部分，就是執行事件處理器時，裡面的執行環境

（context）究竟會如何變化。如果用的是瀏覽器內建的函式

addEventListener()

，執行

環境就會變成呼叫

addEventListener()

這個函式的 HTML 元件：

new function(){

this.appName = "wem";

document.body.addEventListener("click", function(e){

// 執行環境已變，因此 appName 會是 undefined

alert(this.appName);

}, false);

};

如果想要保留原本的執行環境，可以把事件處理器函式包進匿名函式裡、設定一組變數

參照到它。本書第一章就曾經介紹過這種做法，當時我們是用代理器函式（proxy）來

保存原本的執行環境。由於這是非常普遍的做法，因此 ...