什麼是 event (事件)?

在操控瀏覽器時,會做一些「點擊、滑鼠往下滾」的動作,網頁就會跳出一些「動畫效果」–> 這些都是透過「event」做出來的

「event」例如:

  • onclick: 在元素上綁定一個「onclick事件」,當我點擊元素,就會去執行function裡面的效果

MouseEvent

🎃 onclick是「MouseEvent」的其中一種

「MouseEvent」還有很多種:

  • 滑鼠移入、移出
  • 滑鼠點擊一次
  • 滑鼠點擊兩次

📖 HTML DOM MouseEvent

KeyboardEvent

「KeyboardEvent」例如:

  • 按下空白鍵,就會移動相關的內容
  • 按下 enter,就會到“下一步”

📖 HTML DOM KeyboardEvent

Form Events

  • 在表單輸入內容
  • 點擊文字欄位
  • 移開文字欄位

📖 Form Events