×
Copy
Open
Link
Embed
Share
Beginning
This slide
Copy link URL
Copy link URL
Copy iframe embed code
Copy iframe embed code
Copy javascript embed code
Copy javascript embed code
Share
Tweet
Share
Tweet
Slide 1
Slide 1 text
1 JavaScript 補充練習
Slide 2
Slide 2 text
2 常見滑鼠/鍵盤事件 事件 描述 onclick 點擊 ondblclick 按兩下 onmousedown 在該元件上按下滑鼠鍵 onmousemove 在該元件上移動滑鼠 onmouseover 滑鼠進入該元件範圍 onmouseout 滑鼠離開該元件範圍 onmouseup 在該元件上釋放滑鼠鍵 事件 描述 onkeydown 實體鍵盤被按下 onkeypress 有字元被輸入 onkeyup 實體鍵盤被放開
Slide 3
Slide 3 text
3 框架/物件事件 事件 描述 onload 檔、物件被載入 onscroll 文件捲動 onabort 取消載入 onerror 載入錯誤 onresize 大小被改變 onunload 離開該頁面、進入新頁面、重新整理
Slide 4
Slide 4 text
4 表單事件 事件 描述 onblur 用戶離開聚焦在該項目 onchange 內容被改變(選項勾選、下拉選單…) onfocus 用戶聚焦在該項目 onreset 恢復預設資料 onselect 選取了一些文字 onsubmit 送出表單
Slide 5
Slide 5 text
5 練習:小人物回家
Slide 6
Slide 6 text
6 index.html
Slide 7
Slide 7 text
7 style.css
Slide 8
Slide 8 text
8 main.js
Slide 9
Slide 9 text
9 計時器 • setTimeout( ):特定時間之後做什麼事情(一次) • clearTimeout( ):解除setTimeout • setInterval( ):每隔多少時間之後做什麼事情(反復) • clearInterval( ):解除setInterval
Slide 10
Slide 10 text
10 練習:密碼鎖炸彈
Slide 11
Slide 11 text
11 index.html
Slide 12
Slide 12 text
12 style.css
Slide 13
Slide 13 text
13 main.js