JAVASCRIPT網頁應用程式設計

248

|

第十三章

繫結事件

先前曾提過，

$.Controller

威力最強大的地方，在於它建立 / 取消事件處理器繫結關係

的能力。

當控制器實體被建立出來時，它會試著去找動作函式（action method）。動作函式看起

來和事件處理器很像（例如：「

li click

」）。這些動作的繫結關係是透過

jQuery.bind

或

jQuery.delegate

所建立。當控制器被刪除時（可能是控制器所對應的網頁元件被刪

除，也可能是直接呼叫控制器的 destroy 函式），這些動作的繫結關係就會被取消，避免

發生記憶體洩漏的問題。

接下來列舉幾種動作範例，並說明它們監聽的內容為何：

"li click"

點擊控制器網頁元件裡的

li

元件（或

li

元件內部）

"mousemove"

在控制器網頁元件裡移動滑鼠游標

"{window} click"

點擊視窗（或視窗內部）

動作函式裡的回叫函式，會接收兩組參數：用 jQuery 包裝過的網頁元件（或觸發事件的

物件），以及事件物件。如下：

"li click": function( el, ev ) {

assertEqual(el[0].nodeName, "li" )

assertEqual(ev.type, "click")

}

模版式動作（Templated Action）

$.Controller

有提供模版式動作的機制。可用於繫結其他物件、自訂事件類型，或是自

訂選取項。

如果在設定動作函式時，有用到像

{OPTION}

這樣的字眼，就會被置換為控制器的設定

值、或 window ...