JavaScript之DOM事件
阿新 • • 發佈：2018-12-02
DOM事件
一丶滑鼠事件
| 事件名稱 | 定義和用法 | 語法 | 註釋 |
|---|---|---|---|
| onclick | 在物件被點選時發生 | onclick=“js程式碼” | |
| onmouseover | 在滑鼠移動到物件時發生 | onmouseover=“js程式碼” | |
| onmouseout | 在滑鼠移出物件時發生 | onmouseout=“js程式碼” | |
| onmouseup | 在滑鼠按鍵被鬆開時發生 | onmouseup=“js程式碼” | |
| onmousemove | 滑鼠在物件上移動時發生 | onmousemove=“js程式碼” | |
| onmousedown | 在滑鼠按鍵被按下時發生 | onmousedown=“js程式碼” | |
| onload | 在頁面元素載入完成後立即發生 | onload=“js程式碼” | |
| onblur | 在物件失去焦點時發生 | onblur=“js程式碼” | 主要用於表單中 |
| onfocus | 在物件獲得焦點時發生 | onfocus=“js程式碼” | 主要用於表單中 |
| onchange | 在域的內容改變時發生 | onchange=“js程式碼” | 主要用在<select>標籤 |
| onsubmit | 在表單中的確定按鈕被點選時觸發 | onsubmit=“js程式碼” | 主要用在<form>標籤 |
| onresize | 在視窗大小被調整時發生 | onresize=“js程式碼” | 主要用在window上 |
| onscroll | 在滾動條被拖動時觸發 | onscroll=“js程式碼” |
二丶鍵盤事件
| 事件名稱 | 定義和用法 | 語法 | 註釋 |
|---|---|---|---|
| onkeydown | 事件會在使用者按下一個鍵盤按鍵時發生 | onkeydown=“js程式碼” | |
| onkeypress | 事件會在鍵盤按鍵被按下並釋放一個鍵 時發生 |
onkeypress=“js程式碼” | |
| onkeyup | 事件會在鍵盤按鍵被鬆開時發生 | onkeyup=“js程式碼” | |
| keyCode | 獲得按下的鍵盤按鍵的字元程式碼 | event.keyCode | 返回鍵盤事件觸發的 鍵的字元程式碼，配合 鍵盤事件使用 |
三丶事件的執行指令碼
- ele.onclick = function () { 執行指令碼 }；
- ele.onclick = fn；
function fn () { 執行指令碼 }；