Event 事件
表示一個在 DOM 物件上所發生的事件。事件的產生可以是使用者在網頁上觸發很多不同的事件,或是來自 API 因處理非同步任務所產生。而最常見的就是滑鼠事件,當然還有其他的鍵盤、下載、表單、調整大小...,而負責處理事件的程式通常被稱為 事件處理器(Event Handler)。
常見 Event 事件
滑鼠事件
| 事件名稱 | 說明 |
|---|---|
click | 滑鼠點擊到 DOM。點擊的定義為在同一個 DOM 完成一組 mousedown 和 mouseup 的動作。 |
dbclick | 滑鼠兩次點擊並放開時。 |
mouseenter | 滑鼠進入 DOM 的範圍中。只會觸發一次,在 DOM 內部移動並不會引起觸發。 |
mouseleave | 滑鼠離開 DOM 的範圍。 |
mouseover | 滑鼠移入時。(支援冒泡) |
mouseout | 滑鼠移出時。(支援冒泡) |
鍵盤事件
| 事件名稱 | 說明 |
|---|---|
keydown | 按下鍵盤按鍵時。 |
keypress | 按下並放開鍵盤按鍵後。(只對能產生文字符號的按鍵有效) |
keyup | 放開鍵盤按鍵時。 |
表單事件
| 事件名稱 | 說明 |
|---|---|
change | 當表單的值完成變更時觸發,或是輸入文字而失去標點時觸發。 |
input | 修改值後每次觸發。此事件的特點就是會連續觸發,例如: 在用戶輸入文字的同時,也一起搜尋該文內容的相關資訊。 |
focus | 取得焦點時。 |
blur | 失去焦點時。 |
submit | 表單送出時。 |
介面事件
| 事件名稱 | 說明 |
|---|---|
scroll | 捲軸移動時觸發。 |
resize | 視窗或容器大小改變時。 |
load | 資源載入完成後。 |
error | 資源載入錯誤時。 |
beforeunload | 關閉網頁之前。 |
unload | 關閉網頁之後。 |
