jQuery Event 事件
頁面對不同訪問者的互動稱作事件（Event）。例如: 點擊了某個按鈕、選取某個方塊、捲動了畫面、滑鼠的移動。
雖然正在學習的是 jQuery，但別忘了，jQuery 的底層也是由 JavaScript 建構起來的。因此，關於 jQuery Event 的內容亦可參考 Event 事件處理 這篇文章。
小提醒
還記得在 jQuery 的語法構成 所介紹的 action() 嗎? 就是對元素進行某項操作。現在，我們就要對元素進行事件操作。
常見 Event 事件
滑鼠事件
| 事件名稱 | 說明 |
|---|---|
click() | 滑鼠點擊同一個 DOM，按下滑鼠左鍵並放開。 |
dblclick() | 滑鼠兩次點擊並放開時。 |
mouseenter() | 滑鼠進入 DOM 的範圍中。只會觸發一次，在 DOM 內部移動並不會引起觸發。 |
mouseleave() | 滑鼠離開 DOM 的範圍。 |
hover() | jQuery 包裝的方法。在同一個 DOM 分別註冊 mouseevent 與 mouseleave 兩個事件。 |
鍵盤事件
| 事件名稱 | 說明 |
|---|---|
keydown() | 按下鍵盤按鍵時。 |
keypress() | 按下並放開鍵盤按鍵後。（只對能產生文字符號的按鍵有效） |
keyup() | 放開鍵盤按鍵時。 |
表單事件
| 事件名稱 | 說明 |
|---|---|
submit() | 表單送出時。 |
change() | 當表單的值完成變更時觸發，或是輸入文字而失去標點時觸發。 |
focus() | 取得焦點時。 |
blur() | 失去焦點時。 |
載入事件
| 事件名稱 | 說明 |
|---|---|
load() | 資源載入完成後。 |
unload() | 關閉網頁之後。 |
瀏覽器事件
| 事件名稱 | 說明 |
|---|---|
resize() | 視窗或容器大小改變時。 |
scroll() | 捲軸移動時觸發。 |