JavaScript 中的事件教程

事件是可以被JavaScript偵測到的行為。
事件
JavaScript使我們有能力建立動態網頁面。事件是可以被JavaScript偵測到的行為。

網頁中的每個元素都可以產生某些可以觸發JavaScript函數的事件。比方說，我們可以在使用者點擊某按鈕時產生一個onClick事件來觸發某個函數。事件在HTML頁面中定義。

事件舉例：
滑鼠點擊
頁面或映像載入
滑鼠懸浮於頁面的某個熱點之上
在表單中選取輸入框
確認表單
鍵盤按鍵
注意：事件通常與函數配合使用，當事件發生時函數才會執行。

如果需要更全面的關於Javascript可識別的事件的知識，請閱讀我們的完整版《事件參考手冊》。
onload 和 onUnload
當使用者進入或離開頁面時就會觸發onload 和 onUnload事件。

onload事件常用來檢測訪問者的瀏覽器類型和版本，然後根據這些資訊載入特定版本的網頁。

onload 和 onUnload事件也常被用來處理使用者進入或離開頁面時所建立的cookies。例如，當某使用者第一次進入頁面時，你可以使用訊息框來詢問使用者的姓名。姓名會儲存在cookie中。當使用者再次進入這個頁面時，你可以使用另一個訊息框來和這個使用者打招呼："Welcome John Doe!"。
onFocus, onBlur 和 onChange
onFocus、onBlur和onChange事件通常相互配合用來驗證表單。

下面是一個使用onChange事件的例子。使用者一旦改變了域的內容，checkEmail()函數就會被調用。

<input type="text" size="30" id="email" onchange="checkEmail()">onSubmit
onSubmit用於在提交表單之前驗證所有的表單域。

下面是一個使用onSubmit事件的例子。當使用者單擊表單中的確認按鈕時，checkForm()函數就會被調用。假若域的值無效，此次提交就會被取消。checkForm()函數的傳回值是true或者false。如果傳回值為true，則提交表單，反之取消提交。

<form method="post" action="xxx.htm" onsubmit="return checkForm()">onMouseOver 和 onMouseOut
onMouseOver 和 onMouseOut用來建立“動態”按鈕。

下面是一個使用onMouseOver事件的例子。當onMouseOver事件被腳步偵測到時，就會彈出一個警告框：

<a href="http://www.w3school.com.cn"
onmouseover="alert('An onMouseOver event');return false">

<img src="w3schools.gif" width="100" height="30">

</a>