Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Features
Speaker Deck
PRO
Sign in
Sign up for free
Search
Search
JavaScript Practices
Search
Ryan Chung
May 22, 2020
Technology
0
98
JavaScript Practices
Ryan Chung
May 22, 2020
Tweet
Share
More Decks by Ryan Chung
See All by Ryan Chung
MovieBot Development
ryan403
0
300
Design Voice-First Games for Alexa
ryan403
0
54
AI Teaching Talk
ryan403
0
110
Cognitive Service
ryan403
0
96
jQuery & API Practices
ryan403
0
130
CSS Practices
ryan403
1
150
Web Programming - Lesson 6
ryan403
1
610
Web Programming - Lesson 7
ryan403
1
620
Web Programming - Lesson 5
ryan403
1
420
Other Decks in Technology
See All in Technology
スタートアップに選択肢を 〜生成AIを活用したセカンダリー事業への挑戦〜
nstock
0
210
成長し続けるアプリのためのテストと設計の関係、そして意思決定の記録。
sansantech
PRO
0
120
【5分でわかる】セーフィー エンジニア向け会社紹介
safie_recruit
0
27k
Core Audio tapを使ったリアルタイム音声処理のお話
yuta0306
0
190
マネジメントって難しい、けどおもしろい / Management is tough, but fun! #em_findy
ar_tama
7
1.1k
改めてAWS WAFを振り返る~業務で使うためのポイント~
masakiokuda
2
260
Backlog ユーザー棚卸しRTA、多分これが一番早いと思います
__allllllllez__
1
150
OSSのSNSツール「Misskey」をさわってみよう(右下ワイプで私のOSCの20年を振り返ります) / 20250705-osc2025-do
akkiesoft
0
170
american airlines®️ USA Contact Numbers: Complete 2025 Support Guide
supportflight
1
110
United airlines®️ USA Contact Numbers: Complete 2025 Support Guide
unitedflyhelp
0
310
Tokyo_reInforce_2025_recap_iam_access_analyzer
hiashisan
0
190
FOSS4G 2025 KANSAI QGISで点群データをいろいろしてみた
kou_kita
0
400
Featured
See All Featured
Imperfection Machines: The Place of Print at Facebook
scottboms
267
13k
GitHub's CSS Performance
jonrohan
1031
460k
Fireside Chat
paigeccino
37
3.5k
実際に使うSQLの書き方 徹底解説 / pgcon21j-tutorial
soudai
PRO
181
54k
The Straight Up "How To Draw Better" Workshop
denniskardys
234
140k
The Cost Of JavaScript in 2023
addyosmani
51
8.5k
Fight the Zombie Pattern Library - RWD Summit 2016
marcelosomers
233
17k
Raft: Consensus for Rubyists
vanstee
140
7k
Building Flexible Design Systems
yeseniaperezcruz
328
39k
Into the Great Unknown - MozCon
thekraken
40
1.9k
Performance Is Good for Brains [We Love Speed 2024]
tammyeverts
10
950
The Art of Delivering Value - GDevCon NA Keynote
reverentgeek
15
1.5k
Transcript
1 JavaScript 補充練習
2 常見滑鼠/鍵盤事件 事件 描述 onclick 點擊 ondblclick 按兩下 onmousedown 在該元件上按下滑鼠鍵
onmousemove 在該元件上移動滑鼠 onmouseover 滑鼠進入該元件範圍 onmouseout 滑鼠離開該元件範圍 onmouseup 在該元件上釋放滑鼠鍵 事件 描述 onkeydown 實體鍵盤被按下 onkeypress 有字元被輸入 onkeyup 實體鍵盤被放開
3 框架/物件事件 事件 描述 onload 檔、物件被載入 onscroll 文件捲動 onabort 取消載入
onerror 載入錯誤 onresize 大小被改變 onunload 離開該頁面、進入新頁面、重新整理
4 表單事件 事件 描述 onblur 用戶離開聚焦在該項目 onchange 內容被改變(選項勾選、下拉選單…) onfocus 用戶聚焦在該項目
onreset 恢復預設資料 onselect 選取了一些文字 onsubmit 送出表單
5 練習:小人物回家
6 index.html
7 style.css
8 main.js
9 計時器 • setTimeout( ):特定時間之後做什麼事情(一次) • clearTimeout( ):解除setTimeout • setInterval(
):每隔多少時間之後做什麼事情(反復) • clearInterval( ):解除setInterval
10 練習:密碼鎖炸彈
11 index.html
12 style.css
13 main.js