JavaScript: EventHandler

Event對Java Script來講是非常重要的語法。 Event是什麼呢? 當訪客點一個 Button, Click的Event 就產生了。當滑鼠箭頭點到一個連結時, MouseOver的 Event就產生了。我們叫 Click 和MouseOver Event指令(英文: Event-Handler)。在 JavaScript世界裡, 有很多不同的Event。我們要如何執行一個Event 呢? 這時候, Event Handler 就能幫助我們啦! 我就用以下的
例子來表示OnClickEvent 指令:

STEP1:【onClickEvent】

看看以下程式碼:

<form>
<input type="button" value="按看看" onClick="alert('Hi')">
</form>
執行結果將會是這樣:

STEP2:【補充說明】

在以上程式碼中, 有很多新的東西 - 讓我們慢慢的來了解它。你們可以看到我用<form>來做一個 Button(這些是 Html的語法,
所以我就不多說了)。關鍵的部分是在於 <input> 裡面的 onClick="alert ('Hi')"。當我們按下這個 Button 時, alert() 會
開出一個小視窗。在跨號裡面的 ('Hi') 是小視窗顯示出的東西。
當中有一件事情比較困惑一點: 在 document.write() 的指令裡面, 我們是用 "雙引號", 但我們用 alert()時, 是用 '單引號' 。
為什麼? 基本上, 我們只要仔細看這兩個指令的差異, 我們可以發現到我們是寫 onClick="alert('Hi')" - 你看看到兩種引號。
可是要是我們寫 onClick="alert("Hi"), 電腦會搞不清楚哪個是屬於 OnClick 哪個是屬於 alert()。所以現在你就清楚了吧!
(P.S. 你可以把兩個符號的位子調換沒關係, 只要電腦分的出來就好。)
讓我給你們一個 onMouse 的例子, 看看他們(Mouse & Click)有什麼差異!^_^(以後會講到OnMouseOver , 不懂不用太再意!)
滑鼠指標移過來看看

STEP3:【常見的指令】

Event	將會執行...	Event指令
click	當訪客按一個Button或連結	onClick
change	當訪客改變text, textarea, 和 select element	onChange
mouseover	當滑鼠點到一個連結時	onMouseOver
mouseout	當滑鼠箭頭移開一個連結時	onMouseOut
submit	當訪客Submit一個<form>時	onSubmit
resize	當訪客重新設定視窗大小時	onResize
load	當訪客讀取網頁時	onLoad
unload	當訪客離開網頁時	onUnload

最後更新日期: 6/19/2001 3:24:23 AM