国产色诱美女免费视频|欧美精彩狠狠色丁香婷婷|91黑人|日本黄色小视频|欧美一级黄色视频在这里免费观看

IT培訓-高端面授IT培訓機構
云和教育:云和數據集團高端IT職業教育品牌
  • 國家級
    全民數字素養與技能培訓基地
  • 河南省
    第一批產教融合型企業建設培育單位
  • 鄭州市
    數字技能人才(碼農)培養評價聯盟

JavaScript中常用事件有哪些?

  • 發布時間:
    2023-03-17
  • 版權所有:
    云和教育
  • 分享:

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

1.鼠標事件

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

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

2.鍵盤事件

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

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

類別 事件 事件說明
鍵盤事件 onkeydown 當鍵盤上的某個按鍵被按下時觸發此事件
onkeyup 當鍵盤上的某個按鍵被按下后彈起時觸發此事件
onkeypress 當輸入有效的字符按鍵時觸發此事件

3.表單事件

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

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

類別 事件 事件說明

表單事件

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

 

4.頁面事件

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

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

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