事件(Events)的驅動

• 事件(Events)種類的介紹
• 事件(Events)的使用範例(一)
• 事件(Events)的使用範例(二)
• 事件(Events)的使用範例(三)

前言

在視窗環境中，程式之間都以訊息作溝通，而訊息的發出則是因為事件的產生所致。當我們使用滑鼠在桌面上移動時， 便不斷有滑鼠移動的事件產生，而訊息也就不斷的發出。在動態網頁中，主要也是採用事件驅動的方式來進行控制。 本週我們所要學習的內容就是事件驅動的觀念，我們可以預先設定在發生什麼樣的事件時， 要做什麼樣的處理動作，透過事件的產生，可以達到網頁動態化的效果。

事件與處理

網頁上的動態活動可以透過事件之觸發來進行。至於要如何進行，則有賴網頁設計者來撰寫相關的內容。基本上， 你必須決定幾件事情才能設計網頁上的一個正確之"動作"：

1. 事件作用於那一個標籤(物件)? 換言之，那一個元件是"焦點"(focus)所在?
   
2. 採用那一種事件?
   
3. 對應之處理動作(函式)

例如: 你可能要設計一個動作是: 當滑鼠移到save按鈕之上按一下時，就將資料存檔。 則此時你要作用的對象是save 這個按鈕； 你要採用的事件是 MouseClick 這個事件；你要做的處理是存檔。

事件的種類

對於HTML4.0之中所定義的事件包括：

事件屬性	發生時機
onLoad	瀏覽器在載入完整個視窗或一個Frame中的內容的同時。
onUnLoad	瀏覽器將文件自視窗或Frame中移除的同時。
onClick	使用者在某物件上按一下滑鼠按鈕的同時。
onDblClick	使用者在某物件上連按兩下滑鼠按鈕的同時。
onMouseDown	使用者在某物件上按下滑鼠按鈕，而未放開的同時。
onMouseUp	使用者在某物件上放開滑鼠按鈕的同時。
onMouseOver	滑鼠指標移動到某物件上面的同時。
onMouseMove	滑鼠指標在某物件上面移動的同時。
onMouseOut	滑鼠指標移出某物件上面的同時。
onFocus	某物件取得輸入焦點(一般會出現藍色的框)的同時。
onBlur	某物件失去輸入焦點的同時。
onKeyPress	在取得輸入焦點的物件上按下並放開某按鍵的同時。
onKeyDown	在取得輸入焦點的物件上按下某按鍵的同時。
onKeyUp	在取得輸入焦點的物件上放開某按鍵的同時。
onSubmit	使用者送出Form的內容的同時。
onReset	使用者重設Form的內容的同時。
onSelect	Input或Textarea欄位中的某些文字被選取的同時。
onChange	Input、Select和Textarea等欄位中的內容有被更動，且失去輸入焦點的同時。

HTML標籤中要如何加入事件的語法

上述的事件並不是都可以適用於所有的標籤(或者物件，在以後的內容會介紹到)。不過除了一些有關文件和表單的事件之外，其他滑鼠或鍵盤的事件，都可以用在一般的控制標籤之中。其語法如下：

<Tag EventName= "ScriptFunction()">...</Tag>

Tag：	一般標籤的名稱，例如：P。
EventName：	事件的種類，例如：onMouseOver。
ScriptFunction：	所要執行的Script程式，例如：ShowWord( )。