首頁技術文章正文

JavaScript中常用事件有哪些？

更新時間:2022年02月17日18時01分來源:黑馬程序員瀏覽次數:

JavaScript是基于對象的腳本語言，它的一個最基本的特征就是采用事件鼎動。如，當鼠標指針經過某個按鈕或者用戶在文本框中輸入某些信息時，都可以設置相應的JavaScript事件來完成某些特殊效果。下面，將對JavaScript中的常用事件進行詳細講解。

1.鼠標事件

鼠標事件是指通過鼠標動作觸發(fā)的事件，鼠標事件有很多，下面列舉幾個常用的鼠標事件，如表所示。

類別	事件	事件說明
鼠標事件	onclick	鼠標單擊時觸發(fā)此事件
	ondblclick	鼠標雙擊時觸發(fā)此事件
	onmousedown	鼠標按下時觸發(fā)此事件
	onmouseup	鼠標彈起時觸發(fā)的事件
	onmouseover	鼠標移動到某個設置了此事件的元素上時觸發(fā)此事件
	onmousemove	鼠標移動時觸發(fā)此事件
	onmouseout	鼠標從某個設置了此事件的元素上離開時觸發(fā)此事件

鍵盤事件是指用戶在使用鍵盤時觸發(fā)的事件。例如，用戶按【Esc】鍵關閉打開的狀態(tài)欄，按【Enter】鍵直接完成光標的上下切換等。下面列舉幾個常用的鍵盤事件，如表15-16所示。

表15-16 JavaScript中常用的鍵盤事件

表單事件是指對Web表單操作時發(fā)生的事件。例如，表單提交前對表單的驗證，表單重置時的確認操作等。下面列舉幾個常用的表單事件，如表15-17所示。

表15-17 JavaScript中常用的表單事件

類別	事件	事件說明
表單事件	onblur	當前元素失去焦點時觸發(fā)此事件
	onchange	當前元素失去焦點并且元素內容發(fā)生改變時觸發(fā)此事件
	onfocus	當某個元素獲得焦點時觸發(fā)此事件
	onreset	當表單被重置時觸發(fā)此事件
	onsubmit	當表單被提交時觸發(fā)此事件

在項目開發(fā)中，經常需要JavaScript對網頁中的DOM元素進行操作，而頁面的加載又是按照代碼的編寫順序，從上到下依次執(zhí)行的。因此，若在頁面還未加載完成的情況下，就使用JavaScript操作DOM元素，會出現語法錯誤，例如下面的示例代碼：

<script>
 document.getElementById('demo').onclick=function () {
    alert('單擊');
  }
</script>
<button ide="demo">單擊顯示彈框</button>

在上述代碼中，第2行代碼利用getElementByldO獲取id為demo的元素，并為其添加擊”彈框;第6行代碼定義了一個用于單擊的按鈕。當用戶單擊按鈕時，頁面就會彈出一個提示框。

猜你喜歡：

JavaScript中null與undefind的區(qū)別有哪些？

上一篇：什么是事件？JavaScript中調用事件處理程序 下一篇：web前端培訓哪家好？