Javascript Event 簡介
Day4 – Javascript Event 簡介
event handler 應該是 Javascript 裡最重要的部份了,透過事件的偵測,我們得以和網頁進行互動,不論是按下某個按鍵、滑鼠移過、點擊按鈕等等。
以下列出一些常用到的事件:
onclick – 滑鼠點擊物件時
onchange – 內容改變時
onfocus – 文字區域被點擊時
onload – 網頁或圖片下載完成時
onmousedown – 按下滑鼠按鍵時
onmouseover – 滑鼠游標移過某個物件時
onsubmit – 表單送出時
onunload – 離開網頁時
onkeypress – 某個按鍵被敲擊時
參考資料:http://easonyo.pixnet.net/blog/post/25035467-javascript-%E4%BA%8B%E4%BB%B6
更詳細的可以參考:http://www.w3school.com.cn/js/jsref_events.asp
在事件偵測時通常會搭配function使用,由事件觸動Javascript執行。
最常見的按鈕觸發(寫入 HTML 標籤中):
<input type="button" onclick="yourfunction()" />
按下按鈕就會執行 onclick 後所寫的 Js 程式碼。
今日練習:
https://mega.co.nz/#!8NRjHTbK!SI7SgRck8scFWRQetfQ7SjIrOKBabmLRb8NjzKBJNgU