在Javascript中,事件類(lèi)型是非常重要的基礎(chǔ)概念,當(dāng)網(wǎng)頁(yè)中發(fā)生了某個(gè)事件,比如用戶的點(diǎn)擊、鍵盤(pán)的輸入等等,我們需要對(duì)這些事件進(jìn)行響應(yīng),這時(shí)候就要用到Javascript事件類(lèi)型。
JavaScript事件類(lèi)型可以分為三類(lèi):
鼠標(biāo)事件:click, dblclick, mousedown, mouseup, mousemove, mouseover, mouseout, mousewheel; 鍵盤(pán)事件:keydown, keypress, keyup; HTML事件:load, unload, abort, error, select, change, submit, reset, focus, blur。
下面我們?cè)敿?xì)介紹一下JavaScript事件類(lèi)型。
鼠標(biāo)事件類(lèi)型
鼠標(biāo)事件是網(wǎng)頁(yè)中使用最多的事件類(lèi)型,最常用的鼠標(biāo)事件類(lèi)型包括:
click:當(dāng)用戶點(diǎn)擊元素時(shí)觸發(fā); mousemove:當(dāng)鼠標(biāo)指針在元素內(nèi)部移動(dòng)時(shí)觸發(fā); mousedown:當(dāng)鼠標(biāo)按鈕被按下時(shí)觸發(fā); mouseup:當(dāng)鼠標(biāo)按鈕被松開(kāi)時(shí)觸發(fā); mouseover:當(dāng)鼠標(biāo)指針移動(dòng)到元素上方時(shí)觸發(fā); mouseout:當(dāng)鼠標(biāo)指針移出元素時(shí)觸發(fā); mousewheel:當(dāng)鼠標(biāo)滾輪滾動(dòng)時(shí)觸發(fā)。
鍵盤(pán)事件類(lèi)型
鍵盤(pán)事件是針對(duì)鍵盤(pán)的操作事件類(lèi)型,常見(jiàn)的鍵盤(pán)事件類(lèi)型包括:
keydown:當(dāng)用戶按下鍵盤(pán)上的任意鍵時(shí)觸發(fā),鍵觸發(fā)的順序是:keydown → keypress → keyup; keypress:當(dāng)用戶按下鍵盤(pán)上的字符鍵時(shí)觸發(fā); keyup:當(dāng)用戶松開(kāi)鍵盤(pán)上的任意鍵時(shí)觸發(fā)。
HTML事件類(lèi)型
HTML事件是與HTML元素相關(guān)的事件類(lèi)型,其中最常用的事件包括:
load:當(dāng)頁(yè)面加載完成后觸發(fā); unload:當(dāng)頁(yè)面卸載之前觸發(fā); abort:當(dāng)加載過(guò)程被中止時(shí)觸發(fā); error:當(dāng)發(fā)生錯(cuò)誤時(shí)觸發(fā); select:當(dāng)用戶選中文本時(shí)觸發(fā); change:當(dāng)表單中某個(gè)值改變時(shí)觸發(fā); submit:當(dāng)表單被提交時(shí)觸發(fā); reset:當(dāng)表單被重置時(shí)觸發(fā); focus:當(dāng)元素獲得焦點(diǎn)時(shí)觸發(fā); blur:當(dāng)元素失去焦點(diǎn)時(shí)觸發(fā)。
通過(guò)JavaScript事件類(lèi)型,我們可以在網(wǎng)頁(yè)中對(duì)用戶進(jìn)行交互,實(shí)現(xiàn)更加豐富的操作效果。