Skip to content

Event 事件

表示一個在 DOM 物件上所發生的事件。事件的產生可以是使用者在網頁上觸發很多不同的事件,或是來自 API 因處理非同步任務所產生。而最常見的就是滑鼠事件,當然還有其他的鍵盤、下載、表單、調整大小...,而負責處理事件的程式通常被稱為 事件處理器(Event Handler)

常見 Event 事件

滑鼠事件

事件名稱說明
click滑鼠點擊到 DOM。點擊的定義為在同一個 DOM 完成一組 mousedownmouseup 的動作。
dbclick滑鼠兩次點擊並放開時。
mouseenter滑鼠進入 DOM 的範圍中。只會觸發一次,在 DOM 內部移動並不會引起觸發。
mouseleave滑鼠離開 DOM 的範圍。
mouseover滑鼠移入時。(支援冒泡)
mouseout滑鼠移出時。(支援冒泡)

鍵盤事件

事件名稱說明
keydown按下鍵盤按鍵時。
keypress按下並放開鍵盤按鍵後。(只對能產生文字符號的按鍵有效)
keyup放開鍵盤按鍵時。

表單事件

事件名稱說明
change當表單的值完成變更時觸發,或是輸入文字而失去標點時觸發。
input修改值後每次觸發。此事件的特點就是會連續觸發,例如: 在用戶輸入文字的同時,也一起搜尋該文內容的相關資訊。
focus取得焦點時。
blur失去焦點時。
submit表單送出時。

介面事件

事件名稱說明
scroll捲軸移動時觸發。
resize視窗或容器大小改變時。
load資源載入完成後。
error資源載入錯誤時。
beforeunload關閉網頁之前。
unload關閉網頁之後。