站長(zhǎng)資訊網(wǎng)
js dom事件有：abort、afterprint、blur、canplay、change、click、copy、cut、dblclick、drag、drop、ended、error、focus、open、load、play等等。
本教程操作環(huán)境：windows7系統(tǒng)、javascript1.8.5版、Dell G3電腦。
HTML DOM 事件
HTML DOM 事件允許 JavaScript 在 HTML 文檔中的元素上注冊(cè)不同的事件處理程序。
事件通常與函數(shù)結(jié)合使用，在事件發(fā)生之前函數(shù)不會(huì)被執(zhí)行（例如當(dāng)用戶單擊按鈕時(shí)）。
| 事件 | 描述 |
|---|---|
| abort | 媒體加載中止時(shí)發(fā)生該事件。 |
| afterprint | 當(dāng)頁(yè)面開(kāi)始打印時(shí)，或者關(guān)閉打印對(duì)話框時(shí)，發(fā)生此事件。 |
| animationend | CSS 動(dòng)畫完成時(shí)發(fā)生此事件。 |
| animationiteration | 重復(fù) CSS 動(dòng)畫時(shí)發(fā)生此事件。 |
| animationstart | CSS 動(dòng)畫開(kāi)始時(shí)發(fā)生此事件。 |
| beforeprint | 即將打印頁(yè)面時(shí)發(fā)生此事件。 |
| beforeunload | 在文檔即將被卸載之前發(fā)生此事件。 |
| blur | 當(dāng)元素失去焦點(diǎn)時(shí)發(fā)生此事件。 |
| canplay | 當(dāng)瀏覽器可以開(kāi)始播放媒體時(shí)，發(fā)生此事件。 |
| canplaythrough | 當(dāng)瀏覽器可以在不停止緩沖的情況下播放媒體時(shí)發(fā)生此事件。 |
| change | 當(dāng)form元素的內(nèi)容、選擇的內(nèi)容或選中的狀態(tài)發(fā)生改變時(shí)，發(fā)生此事件 |
| click | 當(dāng)用戶單擊元素時(shí)發(fā)生此事件。 |
| contextmenu | 當(dāng)用戶右鍵單擊某個(gè)元素以打開(kāi)上下文菜單時(shí)，發(fā)生此事件。 |
| copy | 當(dāng)用戶復(fù)制元素的內(nèi)容時(shí)發(fā)生此事件。 |
| cut | 當(dāng)用戶剪切元素的內(nèi)容時(shí)發(fā)生此事件。 |
| dblclick | 當(dāng)用戶雙擊元素時(shí)發(fā)生此事件。 |
| drag | 拖動(dòng)元素時(shí)發(fā)生此事件。 |
| dragend | 當(dāng)用戶完成拖動(dòng)元素后，發(fā)生此事件。 |
| dragenter | 當(dāng)拖動(dòng)的元素進(jìn)入放置目標(biāo)時(shí)，發(fā)生此事件。 |
| dragleave | 當(dāng)拖動(dòng)的元素離開(kāi)放置目標(biāo)時(shí)，發(fā)生此事件。 |
| dragover | 當(dāng)拖動(dòng)的元素位于放置目標(biāo)之上時(shí)，發(fā)生此事件。 |
| dragstart | 當(dāng)用戶開(kāi)始拖動(dòng)元素時(shí)發(fā)生此事件。 |
| drop | 當(dāng)將拖動(dòng)的元素放置在放置目標(biāo)上時(shí)，發(fā)生此事件。 |
| durationchange | 媒體時(shí)長(zhǎng)改變時(shí)發(fā)生此事件。 |
| ended | 在媒體播放到盡頭時(shí)發(fā)生此事件。 |
| error | 當(dāng)加載外部文件時(shí)發(fā)生錯(cuò)誤后，發(fā)生此事件。 |
| focus | 在元素獲得焦點(diǎn)時(shí)發(fā)生此事件。 |
| focusin | 在元素即將獲得焦點(diǎn)時(shí)發(fā)生此事件。 |
| focusout | 在元素即將失去焦點(diǎn)時(shí)發(fā)生此事件。 |
| fullscreenchange | 當(dāng)元素以全屏模式顯示時(shí)，發(fā)生此事件。 |
| fullscreenerror | 當(dāng)元素?zé)o法在全屏模式下顯示時(shí)，發(fā)生此事件。 |
| hashchange | 當(dāng) URL 的錨部分發(fā)生改變時(shí)，發(fā)生此事件。 |
| input | 當(dāng)元素獲得用戶輸入時(shí)，發(fā)生此事件。 |
| invalid | 當(dāng)元素?zé)o效時(shí)，發(fā)生此事件。 |
| keydown | 當(dāng)用戶正在按下鍵時(shí)，發(fā)生此事件。 |
| keypress | 當(dāng)用戶按下鍵時(shí)，發(fā)生此事件。 |
| keyup | 當(dāng)用戶松開(kāi)鍵時(shí)，發(fā)生此事件。 |
| load | 在對(duì)象已加載時(shí)，發(fā)生此事件。 |
| loadeddata | 媒體數(shù)據(jù)加載后，發(fā)生此事件。 |
| loadedmetadata | 加載元數(shù)據(jù)（比如尺寸和持續(xù)時(shí)間）時(shí)，發(fā)生此事件。 |
| loadstart | 當(dāng)瀏覽器開(kāi)始查找指定的媒體時(shí)，發(fā)生此事件。 |
| message | 在通過(guò)此事件源接收消息時(shí)，發(fā)生此事件。 |
| mousedown | 當(dāng)用戶在元素上按下鼠標(biāo)按鈕時(shí)，發(fā)生此事件。 |
| mouseenter | 當(dāng)指針移動(dòng)到元素上時(shí)，發(fā)生此事件。 |
| mouseleave | 當(dāng)指針從元素上移出時(shí)，發(fā)生此事件。 |
| mousemove | 當(dāng)指針在元素上方移動(dòng)時(shí)，發(fā)生此事件。 |
| mouseout | 當(dāng)用戶將鼠標(biāo)指針移出元素或其中的子元素時(shí)，發(fā)生此事件。 |
| mouseover | 當(dāng)指針移動(dòng)到元素或其中的子元素上時(shí)，發(fā)生此事件。 |
| mouseup | 當(dāng)用戶在元素上釋放鼠標(biāo)按鈕時(shí)，發(fā)生此事件。 |
| offline | 當(dāng)瀏覽器開(kāi)始脫機(jī)工作時(shí)，發(fā)生此事件。 |
| online | 當(dāng)瀏覽器開(kāi)始在線工作時(shí)，發(fā)生此事件。 |
| open | 當(dāng)打開(kāi)與事件源的連接時(shí)，發(fā)生此事件。 |
| pagehide | 當(dāng)用戶離開(kāi)某張網(wǎng)頁(yè)進(jìn)行導(dǎo)航時(shí)，發(fā)生此事件。 |
| pageshow | 在用戶導(dǎo)航到某張網(wǎng)頁(yè)時(shí)，發(fā)生此事件。 |
| paste | 當(dāng)用戶將一些內(nèi)容粘貼到元素中時(shí)，發(fā)生此事件。 |
| pause | 當(dāng)媒體被用戶暫停或以編程方式暫停時(shí)，發(fā)生此事件。 |
| play | 當(dāng)媒體已啟動(dòng)或不再暫停時(shí)，發(fā)生此事件。 |
| playing | 在媒體被暫?；蛲Ｖ挂跃彌_后播放時(shí)，發(fā)生此事件。 |
| popstate | 窗口的歷史記錄改變時(shí)，發(fā)生此事件。 |
| progress | 當(dāng)瀏覽器正處于獲得媒體數(shù)據(jù)的過(guò)程中時(shí)，發(fā)生此事件。 |
| ratechange | 媒體播放速度改變時(shí)發(fā)生此事件。 |
| reset | 重置表單時(shí)發(fā)生此事件。 |
| resize | 調(diào)整文檔視圖的大小時(shí)發(fā)生此事件。 |
| scroll | 滾動(dòng)元素的滾動(dòng)條時(shí)發(fā)生此事件。 |
| search | 當(dāng)用戶在搜索字段中輸入內(nèi)容時(shí)，發(fā)生此事件。 |
| seeked | 當(dāng)用戶完成移動(dòng)/跳到媒體中的新位置時(shí)，發(fā)生該事件。 |
| seeking | 當(dāng)用戶開(kāi)始移動(dòng)/跳到媒體中的新位置時(shí)，發(fā)生該事件。 |
| select | 用戶選擇文本后（對(duì)于<input>和<textarea>）發(fā)生此事件 |
| show | 當(dāng) <menu> 元素顯示為上下文菜單時(shí)，發(fā)生此事件。 |
| stalled | 當(dāng)瀏覽器嘗試獲取媒體數(shù)據(jù)但數(shù)據(jù)不可用時(shí)，發(fā)生此事件。 |
| storage | Web 存儲(chǔ)區(qū)域更新時(shí)發(fā)生此事件。 |
| submit | 在提交表單時(shí)發(fā)生此事件。 |
| suspend | 當(dāng)瀏覽器有意不獲取媒體數(shù)據(jù)時(shí)，發(fā)生此事件。 |
| timeupdate | 當(dāng)播放位置更改時(shí)發(fā)生此事件。 |
| toggle | 當(dāng)用戶打開(kāi)或關(guān)閉 <details> 元素時(shí)，發(fā)生此事件。 |
| touchcancel | 在觸摸被中斷時(shí)，發(fā)生此事件。 |
| touchend | 當(dāng)手指從觸摸屏上移開(kāi)時(shí)，發(fā)生此事件。 |
| touchmove | 當(dāng)手指在屏幕上拖動(dòng)時(shí)，發(fā)生此事件。 |
| touchstart | 當(dāng)手指放在觸摸屏上時(shí)，發(fā)生此事件。 |
| transitionend | CSS 轉(zhuǎn)換完成時(shí)，發(fā)生此事件。 |
| unload | 頁(yè)面卸載后（對(duì)于 <body>），發(fā)生此事件。 |
| volumechange | 當(dāng)媒體的音量已更改時(shí)，發(fā)生此事件。 |
| waiting | 當(dāng)媒體已暫停但預(yù)期會(huì)恢復(fù)時(shí)，發(fā)生此事件。 |
| wheel | 當(dāng)鼠標(biāo)滾輪在元素向上或向下滾動(dòng)時(shí)，發(fā)生此事件。 |
【推薦學(xué)習(xí)：javascript高級(jí)教程】
