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