轉自 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"
id="email" onchange="checkEmail()">;

 


onSubmit

在確認前 onSubmit 事件是用來確認所有的文字區域。

以下的例子說明如何使用 onSubmit 事件。當使用者在文字區域內按下確認時 checkForm() function 會被呼叫執行。如果區域內的值未被接受,確認就會被取消, function checkForm() 會傳回成立或不成立。如果傳回的值成立文字會被確認,反之則否。

<form method="post" action="xxx.htm"
onsubmit="return checkForm()">

 


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>
創作者介紹

阿水資訊站

waterisme 發表在 痞客邦 PIXNET 留言(0) 人氣()