iT邦幫忙

DAY 4
2

Javascript 邊學邊做 - 三十個網頁小工具系列 第 4

Javascript-30天邊學邊做(4) Javascript 事件簡介

  • 分享至 

  • xImage
  •  

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


上一篇
Javascript-30天邊學邊做(3) Javascript基礎 function的使用
下一篇
Javascript-30天邊學邊做(5) Javascript 內建物件 Array
系列文
Javascript 邊學邊做 - 三十個網頁小工具7
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

1 則留言

我要留言

立即登入留言