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
100
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
63
AI Teaching Talk
ryan403
0
120
Cognitive Service
ryan403
0
100
jQuery & API Practices
ryan403
0
140
CSS Practices
ryan403
1
160
Web Programming - Lesson 6
ryan403
1
620
Web Programming - Lesson 7
ryan403
1
630
Web Programming - Lesson 5
ryan403
1
440
Other Decks in Technology
See All in Technology
ComposeではないコードをCompose化する case ビズリーチ / DroidKaigi 2025 koyasai
visional_engineering_and_design
0
110
Uncle Bobの「プロフェッショナリズムへの期待」から学ぶプロの覚悟
nakasho
2
110
セキュアな認可付きリモートMCPサーバーをAWSマネージドサービスでつくろう! / Let's build an OAuth protected remote MCP server based on AWS managed services
kaminashi
3
310
Git in Team
kawaguti
PRO
3
360
能登半島地震において デジタルができたこと・できなかったこと
ditccsugii
0
150
AWS IoT 超入門 2025
hattori
0
330
いまからでも遅くない!SSL/TLS証明書超入門(It's not too late to start! SSL/TLS Certificates: The Absolute Beginner's Guide)
norimuraz
0
200
OCI Network Firewall 概要
oracle4engineer
PRO
2
7.9k
リーダーになったら未来を語れるようになろう/Speak the Future
sanogemaru
0
390
新規事業におけるGORM+SQLx併用アーキテクチャ
hacomono
PRO
0
210
後進育成のしくじり〜任せるスキルとリーダーシップの両立〜
matsu0228
7
3.3k
ガバメントクラウド(AWS)へのデータ移行戦略の立て方【虎の巻】 / 20251011 Mitsutosi Matsuo
shift_evolve
PRO
2
190
Featured
See All Featured
Leading Effective Engineering Teams in the AI Era
addyosmani
3
370
KATA
mclloyd
32
15k
Helping Users Find Their Own Way: Creating Modern Search Experiences
danielanewman
30
2.9k
ピンチをチャンスに:未来をつくるプロダクトロードマップ #pmconf2020
aki_iinuma
127
53k
Balancing Empowerment & Direction
lara
4
690
Automating Front-end Workflow
addyosmani
1371
200k
XXLCSS - How to scale CSS and keep your sanity
sugarenia
248
1.3M
GraphQLの誤解/rethinking-graphql
sonatard
73
11k
Large-scale JavaScript Application Architecture
addyosmani
514
110k
Raft: Consensus for Rubyists
vanstee
139
7.1k
Practical Orchestrator
shlominoach
190
11k
"I'm Feeling Lucky" - Building Great Search Experiences for Today's Users (#IAC19)
danielanewman
229
22k
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