常見的事件種類

• 網頁介面相關事件
• 滑鼠事件
• 鍵盤事件
• 表單事件

網頁介面相關事件

• load 事件：綁定在 window 物件上，當網頁資源(CSS、JS、圖片)全部載完才觸發。
• unload、beforeunload 事件：跟 load 事件相反，事件分別在離開頁面或重新整理時候觸發， beforeunload 會跳出對話框問使用者確定離開頁面嗎！
• error 事件：在 document 或者是圖片載入錯誤時候觸發。
• resize 事件：瀏覽器或指定元素的尺寸變更時候觸發。
• fullscreenchange 事件：切換瀏覽器為全螢幕或者是變成視窗時候觸發。
• scroll 事件：瀏覽器或指定元素的捲軸被拉動時候觸發。
• DOMContentLoaded 事件：與 load 事件相似，與 load 事件不同的點是在網頁所有資源都載入完成後才觸發，而 DOMContentLoaded 事件是在 DOM 結構完整讀取完後就觸發，不用等外部資源。

滑鼠事件

• mousedown / mouseup 事件：分別為滑鼠點擊某元素按下或者是放開的時候觸發。
• click 事件：當滑鼠點擊的時候觸發。
• dbclick 事件：當滑鼠點擊兩次的時候觸發。
• mouseenter / mousemove / mouseleave / mouseover 事件：

1. 當鼠標移入某個元素，會觸發 mouseenter / mouseover 事件。
2. 當鼠標在元素內移動的時候，會連續觸發 mousemove 事件。
3. 當鼠標離開了元素，才會觸發 mouseover 事件。

鍵盤事件

• keydown 事件：按下鍵盤按鍵的時候觸發。
• keypress 事件：按著鍵盤按鍵不放會連續觸發，除了 Shift、Fn、CapLock。
• keyup 事件：放開鍵盤按鍵時候觸發。

表單事件

• input 事件：當input、textarea 和帶有 contenteditable 元素內容被改變的時候觸發。
• select 事件：當使用者在 input、textarea 元素裡面選取文字時候觸發，被選到的字可以在 event.target 裡面的 selectionEnd、selectionStart 和 value 中取得。
• change 事件：當 input、select、textarea、radio、checkbox等元素被改變的時候觸發，跟 input 事件不一樣的地方是， input 事件會在輸入的當下觸發，而 change 是焦點離開的時候才觸發。
• submit 事件：當 form 被送出的時候觸發，通常表單驗證都在這邊處理，如果驗證沒過會 return false。
• reset 事件：當 form 重置的時候觸發。
• focus 事件：當表單元素聚焦的時候觸發。
• blur 事件：當表單失去焦點的時候觸發。

今天介紹常用到得事件觸發，希望大家真的都有點收穫哦！