溫馨提示×

您好,登錄后才能下訂單哦!

密碼登錄×
登錄注冊(cè)×
其他方式登錄
點(diǎn)擊 登錄注冊(cè) 即表示同意《億速云用戶服務(wù)條款》

javascript有哪些常用事件

發(fā)布時(shí)間:2021-06-23 10:10:40 來源:億速云 閱讀:120 作者:chen 欄目:web開發(fā)

本篇內(nèi)容介紹了“javascript有哪些常用事件”的有關(guān)知識(shí),在實(shí)際案例的操作過程中,不少人都會(huì)遇到這樣的困境,接下來就讓小編帶領(lǐng)大家學(xué)習(xí)一下如何處理這些情況吧!希望大家仔細(xì)閱讀,能夠?qū)W有所成!

javascript常用事件:click、dblclick、mouseup、mouseout、keypress、keydown、keyup、error、load、resize、unload、blur、change、focus、reset等。

本教程操作環(huán)境:windows7系統(tǒng)、javascript1.8.5版、Dell G3電腦。

JavaScript 的一個(gè)基本特征就是事件驅(qū)動(dòng)。所謂事件驅(qū)動(dòng),就是當(dāng)用戶執(zhí)行了某種操作或 Javascript 和 html 交互后導(dǎo)致了某種狀態(tài)改變后,會(huì)因此而引發(fā)一系列程序的響應(yīng)執(zhí)行。在這里,用戶的操作稱為事件,程序?qū)κ录鞒龅捻憫?yīng)稱為事件處理。

事件處理,是指程序?qū)κ录鞒龅捻憫?yīng)。事件,對(duì) JavaScript 來說,就是用戶與 Web 頁面交互時(shí)產(chǎn)生的操作或 Javascript 和 html 交互后導(dǎo)致發(fā)生變化某種狀態(tài)的事情,比如移動(dòng)鼠標(biāo)、按下某個(gè)鍵、單擊按鈕等操作以及表示 Ajax 的工作狀態(tài)發(fā)生變化、表示動(dòng)畫已經(jīng)完成運(yùn)行等。事件處理中涉及的程序稱為事件處理程序。事件處理程序通常定義為函數(shù)。

在 Web 頁面中產(chǎn)生事件的界面元素,稱為事件源。在不同事件源上可以產(chǎn)生相同類型的事件,同一個(gè)事件源也可以產(chǎn)生不同類型的事件。JS 程序通過指明事件類型和事件源,并對(duì)事件源綁定事件處理程序,這樣,一旦事件源發(fā)生指定類型的事件,瀏覽器就會(huì)調(diào)用事件源所綁定的處理程序進(jìn)行事件處理。所以事件處理涉及的工作包括事件處理程序的定義及其綁定。

在 Web 頁面中,用戶可進(jìn)行的操作有很多,而每一種操作都將產(chǎn)生一個(gè)事件。下面給大家介紹一下javascript常用事件。

JavaScript 常用事件
事件描述
鼠標(biāo)事件click用戶單擊鼠標(biāo)時(shí)觸發(fā)此事件
dblclick用戶雙擊鼠標(biāo)時(shí)觸發(fā)此事件
mousedown用戶按下鼠標(biāo)時(shí)觸發(fā)此事件
mouseup用戶按下鼠標(biāo)后松開鼠標(biāo)時(shí)觸發(fā)此事件
mouseover當(dāng)用戶將鼠標(biāo)的光標(biāo)移動(dòng)到某對(duì)象范圍的上方時(shí)觸發(fā)此事件
mousemove用戶移動(dòng)鼠標(biāo)時(shí)觸發(fā)此事件
mouseout當(dāng)用戶鼠標(biāo)的光標(biāo)離開某對(duì)象范圍時(shí)觸發(fā)此事件
mousewheel當(dāng)滾動(dòng)鼠標(biāo)滾輪時(shí)發(fā)生此事件,只針對(duì) IE 和 Chrome 有效
DOMMouseScroll當(dāng)滾動(dòng)鼠標(biāo)滾輪時(shí)發(fā)生此事件,針對(duì)標(biāo)準(zhǔn)瀏覽器有效
鍵盤事件keypress當(dāng)用戶鍵盤上的某個(gè)字符鍵被按下時(shí)觸發(fā)此事件
keydown當(dāng)用戶鍵盤上某個(gè)按鍵被按下時(shí)觸發(fā)此事件
keyup當(dāng)用戶鍵盤上某個(gè)按鍵被按下后松開時(shí)觸發(fā)此事件
窗口事件error加載文件或圖像發(fā)生錯(cuò)誤時(shí)觸發(fā)此事件
load頁面內(nèi)容加載完成時(shí)觸發(fā)此事件
resize當(dāng)瀏覽器的窗口大小被改變時(shí)觸發(fā)此事件
unload當(dāng)前頁面關(guān)閉或退出時(shí)觸發(fā)此事件
表單事件blur當(dāng)表單元素失去焦點(diǎn)時(shí)觸發(fā)此事件
click用戶單擊復(fù)選框、單選框、普通按鈕、提交按鈕和重置按鈕等按鈕時(shí)觸發(fā)此事件
change表單元素的內(nèi)容發(fā)生改變并且元素失去焦點(diǎn)時(shí)觸發(fā)此事件
focus當(dāng)表單元素獲得焦點(diǎn)時(shí)觸發(fā)此事件
reset用戶單擊表單上的重置按鈕時(shí)觸發(fā)此事件
select用戶選擇了一個(gè) input 或 textarea 表單元素中的文本時(shí)觸發(fā)此事件
submit用戶單擊提交按鈕提交表單時(shí)觸發(fā)此事件

“javascript有哪些常用事件”的內(nèi)容就介紹到這里了,感謝大家的閱讀。如果想了解更多行業(yè)相關(guān)的知識(shí)可以關(guān)注億速云網(wǎng)站,小編將為大家輸出更多高質(zhì)量的實(shí)用文章!

向AI問一下細(xì)節(jié)

免責(zé)聲明:本站發(fā)布的內(nèi)容(圖片、視頻和文字)以原創(chuàng)、轉(zhuǎn)載和分享為主,文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng),如果涉及侵權(quán)請(qǐng)聯(lián)系站長(zhǎng)郵箱:is@yisu.com進(jìn)行舉報(bào),并提供相關(guān)證據(jù),一經(jīng)查實(shí),將立刻刪除涉嫌侵權(quán)內(nèi)容。

AI