站長資訊網(wǎng)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常用事件。
| 事件 | 描述 | |
|---|---|---|
| 鼠標(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ā)此事件 | |
【
