使用物件

指定執行特定動作以回應特定事件的技巧稱為「事件處理」。當撰寫 ActionScript 程式碼來執行事件處理時，需要先找出三個重要元素：

• 事件來源：事件會發生在哪一個物件？例如，按下哪一個按鈕，或者是由哪一個 Loader 物件載入影像？事件來源又稱為「事件目標」。因為電腦就是將這個物件當做是事件的目標 (也就是，事件實際發生的地方)，因此這樣稱呼它。

• 事件：會發生什麼情況，也就是要回應的情況為何？這是必須指出的特定項目，因為很多物件會觸發多個事件。

• 回應：事件發生時，要執行的步驟？

當您撰寫 ActionScript 程式碼來處理事件時，便需要這三個元素。程式碼會遵循這個基本結構 (粗體字的元素是預留位置，您要視特定情況填寫)：

function eventResponse(eventObject:EventType):void 
{ 
    // Actions performed in response to the event go here. 
} 
  
eventSource.addEventListener(EventType.EVENT_NAME, eventResponse);

此程式碼會執行兩個動作：首先會定義函數，以指定動作來回應事件。接下來，它會呼叫來源物件的 addEventListener() 方法。呼叫 addEventListener() 基本上會將這個函數「訂閱」給指定的事件使用。當事件發生後，就會執行函數的動作。下面將針對各個部分詳細說明。

「函數」是由多個動作所組成，用單一名稱來代表執行這些動作的捷徑名稱。函數與方法大致相同，但函數不一定要與特定類別相關聯。(實際上，您可將「方法」定義為與特定類別相關聯的函數。)當您建立函數來處理事件時，可以選擇函數的名稱 (在此例中，函數名稱為 eventResponse )，您也指定一個參數 (在此例中，參數名稱為 eventObject )。指定函數參數就像宣告變數，因此您也必須指定參數的資料類型 (在此範例中，參數的資料類型為 EventType )。

您要偵聽的每種事件都有一個相關聯的 ActionScript 類別。您為函數參數所指定的資料類型也固定會是與要回應之特定事件相關的類別。例如， click 事件 (當使用者以滑鼠按一下某個項目時觸發) 與 MouseEvent 類別相關聯。若要針對 click 事件撰寫偵聽程式函數，您需要以資料類型為 MouseEvent 的參數定義偵聽程式函數。最後，請在左右大括號 ( { ... } ) 之間，撰寫事件發生時，電腦要執行的指示。

撰寫事件處理函數。接下來就需要指示事件來源物件 (即發生事件的物件，例如按鈕)，在事件發生時必須呼叫函數。呼叫該物件的 addEventListener() 方法 (具有事件的所有物件都會有 addEventListener() 方法)，將您的函數註冊至事件來源物件。 addEventListener() 方法使用兩個參數：

• 第一個是要回應的特定事件名稱。每個事件都會與特定類別相關聯。每個事件類別會為它的每個事件定義特殊的值，就像是獨一無二的名稱。第一個參數會使用該值。

• 第二個是事件回應函數的名稱。請注意，當函數當做參數傳遞時，其名稱在撰寫時是不加括號的。

以下是您在建立事件偵聽程式時的逐步程序說明。這個範例是建立偵聽程式函數，當您按下 myButton 物件時，就會呼叫這個函數。

程式設計人員所撰寫的實際程式碼如下所示：

function eventResponse(event:MouseEvent):void 
{ 
    // Actions performed in response to the event go here. 
} 
 
myButton.addEventListener(MouseEvent.CLICK, eventResponse);

以下是此程式碼執行時的實際運作情形。

1. SWF 檔載入時，電腦就會記下有個名叫 eventResponse() 函數的事實。

   檢視完整大小的圖形

2. 接著，電腦會執行程式碼 (明確地說，不屬於函數的程式碼)。在這裡只有一行程式碼，它會針對事件來源物件 (名為 myButton ) 呼叫 addEventListener() 方法，並傳遞 eventResponse 函數當做參數。

   檢視完整大小的圖形

   在內部， myButton 會記錄一份可以偵聽各個事件的函數清單。呼叫它的 addEventListener() 方法時， myButton 會將 eventResponse() 函數儲存至它的事件偵聽程式清單。

   檢視完整大小的圖形

3. 當使用者按下 myButton 物件時，就會觸發其 click 事件 (就是程式碼中的 MouseEvent.CLICK )。

   

   此時，會發生下列情況：

   1. 建立一個物件，也就是與上述事件相關聯的類別實體 (在這個範例中是指 MouseEvent)。對很多事件而言，這個物件是 Event 類別的實體。對滑鼠事件而言，它就是 MouseEvent 實體。對其它事件而言，則是與該事件相關的類別實體。建立的這個物件就是所謂的「事件物件」，會包含所發生事件的相關特定資訊：事件的類型、發生位置以及其它事件特有的資訊 (如果有的話)。

      檢視完整大小的圖形

   2. 電腦接著會檢閱 myButton 儲存的事件偵聽程式清單。它會逐一檢視這些函數、呼叫每個函數，並將事件物件當做參數傳遞至函數。由於 eventResponse() 函數是 myButton 的偵聽程式之一，因此電腦在執行這個程序時，也會呼叫 eventResponse() 函數。

      檢視完整大小的圖形

   3. 呼叫 eventResponse() 函數時，該函數的程式碼就會執行，進而執行您所指定的動作。

      檢視完整大小的圖形

以下是一些更具體的事件處理程式碼範例。這些範例可以協助您瞭解一些常見的事件元素，以及撰寫事件處理程式碼時可能的變化：

• 按一下按鈕，讓目前的影片片段開始播放。在下列範例中， playButton 是按鈕的實體名稱，而 this 是代表「目前物件」的特殊名稱：

  this.stop(); 
   
  function playMovie(event:MouseEvent):void 
  { 
      this.play(); 
  } 
   
  playButton.addEventListener(MouseEvent.CLICK, playMovie);

• 偵測文字欄位的輸入內容。在這個範例中， entryText 是輸入文字欄位，而 outputText 是動態文字欄位：

  function updateOutput(event:TextEvent):void 
  { 
      var pressedKey:String = event.text; 
      outputText.text = "You typed: " + pressedKey; 
  } 
   
  entryText.addEventListener(TextEvent.TEXT_INPUT, updateOutput);

• 按一下按鈕以瀏覽至 URL。在此例中， linkButton 是按鈕的實體名稱：

  function gotoAdobeSite(event:MouseEvent):void 
  { 
      var adobeURL:URLRequest = new URLRequest("http://www.adobe.com/"); 
      navigateToURL(adobeURL); 
  } 
   
  linkButton.addEventListener(MouseEvent.CLICK, gotoAdobeSite);