轉自 http://blog.xuite.net/kenstars2005/Internet/19381015
事件(Events) 是一些動作，且能夠被 JavaScript 偵測到。
事件Events
藉由 JavaScript，我們可以建立動態的網頁。事件是可以被 JavaScript偵測到的動作。.
有那些事件呢：
- 按了一下滑鼠
- 網頁下載或圖片下載
- 滑鼠的游標在滑過網頁上的特定區域
- 在 HTML 的格式裏選擇了一個輸入視窗
- 接受了 HTML 的格式
- 在鍵盤敲了一個鍵
以下列表出能夠被 JavaScript使用的事件：
| 事件 | 當偵測到... |
|---|---|
| onAbort | 下載時被截斷 |
| onBlur | 文字區域空白時 |
| onChange | 區域內容改變時 |
| onClick | 滑鼠點選物件時 |
| onDblClick | 滑鼠連點二下物件時 |
| onDragDrop | 物件被拉入瀏灠器視窗時 |
| onError | 當下載圖片時產生錯誤 |
| onFocus | 文字區域被點擊時Form field gets focus |
| onKeyDown | 某個鍵被敲擊時 |
| onKeyPress | 某個鍵被敲擊時 |
| onKeyUp | 某個鍵被放開時 |
| onload | 網頁或圖片完成下載時 |
| onMouseDown | 按下滑鼠按鍵時 |
| onMouseOut | 使用者將滑鼠移開某個物件時 |
| onMouseOver | 使用者將滑鼠移至某個物件時 |
| onMouseUp | 放開滑鼠按鍵時 |
| onMove | 當視窗或框架改變時 |
| onReset | Reset 按紐按下時 |
| onResize | 當視窗或框架大小改變時 |
| 對onSelect | 文字被選取時 |
| onSubmit | 按下確認按紐時 |
| onUnload | 使用者離開網頁時 |
註: 事件通常與function結合使用，所以直至事件觸發 function的功能才會產生作用
onload and onUnload
當使用者進入或離開網頁時 onload and onUnload 事件會受到觸發。
onload 事件通常是檢查使用者的瀏灠器型式及版本，並根據資料給序適當的網頁版本。
當使用者進入或離開網頁時 onload and onUnload 二種事件通常都是用來處理cookies . 例如：當使用者第一次進入你的網頁時，你可以設一個跳出的視窗要求使用者輸入他的名字. 這個資訊會被存成一個 cookie. 下一次當他再進入你的網頁時，你可以再以一個跳出視窗顯示 "你好！張三！"
onFocus, onBlur and onChange
onFocus, onBlur and onChange 事件通常與文字區域的確認結合使用。
下列的例子顯示如何使用 onChange 事件。無論使用者改變文字的內容為何 checkEmail() function 會被呼叫執行。
<input type="text" size="30"
|
onSubmit
在確認前 onSubmit 事件是用來確認所有的文字區域。
以下的例子說明如何使用 onSubmit 事件。當使用者在文字區域內按下確認時 checkForm() function 會被呼叫執行。如果區域內的值未被接受，確認就會被取消， function checkForm() 會傳回成立或不成立。如果傳回的值成立文字會被確認，反之則否。
<form method="post" action="xxx.htm"
|
onMouseOver and onMouseOut
onMouseOver and onMouseOut 通常用來建立"動態"的按紐。
下列的例子說明：當 onMouseOver 事件被觸發，一個警告視窗會出現
<a href="http://www.w3schools.com"
onmouseover="alert('An onMouseOver event');return false"
<img src="w3schools.gif" width="100" height="30">
</a>
留言列表
