自拍偷在线精品自拍偷,亚洲欧美中文日韩v在线观看不卡

JavaScript中常用事件有哪些?

開發(fā) 前端
JavaScript是基于對象的腳本語言,它的一個最基本的特征就是采用事件鼎動。如,當(dāng)鼠標(biāo)指針經(jīng)過某個按鈕或者用戶在文本框中輸入某些信息時,都可以設(shè)置相應(yīng)的JavaScript事件來完成某些特殊效果。下面,將對JavaScript中的常用事件進(jìn)行詳細(xì)講解。

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

1.鼠標(biāo)事件

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

類別

事件

事件說明

鼠標(biāo)事件

onclick

鼠標(biāo)單擊時觸發(fā)此事件

ondblclick

鼠標(biāo)雙擊時觸發(fā)此事件

onmousedown

鼠標(biāo)按下時觸發(fā)此事件

onmouseup

鼠標(biāo)彈起時觸發(fā)的事件

onmouseover

鼠標(biāo)移動到某個設(shè)置了此事件的元素上時觸發(fā)此事件

onmousemove

鼠標(biāo)移動時觸發(fā)此事件

onmouseout

鼠標(biāo)從某個設(shè)置了此事件的元素上離開時觸發(fā)此事件

2.鍵盤事件

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

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

類別

事件

事件說明

鍵盤事件

onkeydown

當(dāng)鍵盤上的某個按鍵被按下時觸發(fā)此事件

onkeyup

當(dāng)鍵盤上的某個按鍵被按下后彈起時觸發(fā)此事件

onkeypress

當(dāng)輸入有效的字符按鍵時觸發(fā)此事件

3.表單事件

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

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

類別

事件

事件說明

表單事件

onblur

當(dāng)前元素失去焦點(diǎn)時觸發(fā)此事件

onchange

當(dāng)前元素失去焦點(diǎn)并且元素內(nèi)容發(fā)生改變時觸發(fā)此事件

onfocus

當(dāng)某個元素獲得焦點(diǎn)時觸發(fā)此事件

onreset

當(dāng)表單被重置時觸發(fā)此事件

onsubmit

當(dāng)表單被提交時觸發(fā)此事件

4.頁面事件

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

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

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

責(zé)任編輯:華軒 來源: 今日頭條
相關(guān)推薦

2011-11-21 16:49:58

日志常用事件

2010-05-21 16:33:02

MySQL數(shù)據(jù)庫

2010-07-13 10:43:26

SQL Server數(shù)

2022-03-08 15:32:49

Python數(shù)據(jù)集合代碼

2022-08-30 21:01:17

開發(fā)Java框架

2023-03-17 16:49:42

開發(fā)Java框架

2021-10-27 17:57:35

設(shè)計(jì)模式場景

2022-06-15 08:17:36

Monkey工具

2020-05-13 21:09:10

JavaScript前端技術(shù)

2023-12-25 08:25:42

AndroidHook應(yīng)用程序

2023-12-01 07:10:01

JavascriptTypescript

2021-08-26 09:01:16

git 分布式Apache Subv

2011-10-08 13:54:27

JavaScript

2022-06-06 07:35:26

MySQLInnoDBMyISAM

2024-05-06 10:55:38

2022-02-23 15:36:46

ArkUI-eTS事件監(jiān)聽鴻蒙

2009-09-03 17:59:18

C#調(diào)用事件

2010-05-31 10:35:12

MySQL數(shù)據(jù)類型

2023-03-30 08:00:56

MySQL日期函數(shù)

2011-06-10 15:00:02

Qt VC
點(diǎn)贊
收藏

51CTO技術(shù)棧公眾號