
28
|
第二章
事件函式庫
在處理 JavaScript 的事件機制時,通常會需要使用一些現成的 JavaScript 函式庫,因為
如果不這麼做的話,就得自行處理數不清的瀏覽器相容性問題。接下來,本書將為你
介紹如何利用 jQuery 和事件機制相關的 API。當然,除了 jQuery 之外,其實還有其他
不錯的選擇,像是Prototype(
http://www.prototypejs.org
)、 MooTools(
http://mootools.
net
),以及 YUI(
http://developer.yahoo.com/yui
)。如果想更了解這些函式庫,可以參考
它們各自的 API 文件。
jQuery 的 API 中,有個
bind()
函式,可以建立能跨瀏覽器的事件監聽器。只要透過
jQuery 的物件實體來呼叫這個函式,並傳入兩組參數:事件名稱(eventName)、事件
處理器(handler)即可:
jQuery("#element").bind(eventName, handler);
如果想要在某個網頁元件上設定 click 事件處理器,可以這麼寫:
jQuery("#element").bind("click", function(event) {
// ...
});
jQuery 針對一些常見的事件類型(像是
click
、
submit
,和
mouseover
…等)提供快捷函
式。用法如下:
$("#myDiv").click(function(){
// ...
});
這裡要特別注意的是,在幫網頁元件設定事件之前,必須要確定該元件已經存在—也就 ...