這篇文章主要介紹“javascript中有哪些dom事件”，在日常操作中，相信很多人在javascript中有哪些dom事件問題上存在疑惑，小編查閱了各式資料，整理出簡單好用的操作方法，希望對大家解答”javascript中有哪些dom事件”的疑惑有所幫助！接下來，請跟著小編一起來學習吧！
js dom事件有：abort、afterprint、blur、canplay、change、click、copy、cut、dblclick、drag、drop、ended、error、focus、open、load、play等等。
本教程操作環境：windows7系統、javascript1.8.5版、Dell G3電腦。
HTML DOM 事件
HTML DOM 事件允許 JavaScript 在 HTML 文檔中的元素上注冊不同的事件處理程序。
事件通常與函數結合使用，在事件發生之前函數不會被執行（例如當用戶單擊按鈕時）。
| 事件 | 描述 |
|---|---|
| abort | 媒體加載中止時發生該事件。 |
| afterprint | 當頁面開始打印時，或者關閉打印對話框時，發生此事件。 |
| animationend | CSS 動畫完成時發生此事件。 |
| animationiteration | 重復 CSS 動畫時發生此事件。 |
| animationstart | CSS 動畫開始時發生此事件。 |
| beforeprint | 即將打印頁面時發生此事件。 |
| beforeunload | 在文檔即將被卸載之前發生此事件。 |
| blur | 當元素失去焦點時發生此事件。 |
| canplay | 當瀏覽器可以開始播放媒體時，發生此事件。 |
| canplaythrough | 當瀏覽器可以在不停止緩沖的情況下播放媒體時發生此事件。 |
| change | 當form元素的內容、選擇的內容或選中的狀態發生改變時，發生此事件 |
| click | 當用戶單擊元素時發生此事件。 |
| contextmenu | 當用戶右鍵單擊某個元素以打開上下文菜單時，發生此事件。 |
| copy | 當用戶復制元素的內容時發生此事件。 |
| cut | 當用戶剪切元素的內容時發生此事件。 |
| dblclick | 當用戶雙擊元素時發生此事件。 |
| drag | 拖動元素時發生此事件。 |
| dragend | 當用戶完成拖動元素后，發生此事件。 |
| dragenter | 當拖動的元素進入放置目標時，發生此事件。 |
| dragleave | 當拖動的元素離開放置目標時，發生此事件。 |
| dragover | 當拖動的元素位于放置目標之上時，發生此事件。 |
| dragstart | 當用戶開始拖動元素時發生此事件。 |
| drop | 當將拖動的元素放置在放置目標上時，發生此事件。 |
| durationchange | 媒體時長改變時發生此事件。 |
| ended | 在媒體播放到盡頭時發生此事件。 |
| error | 當加載外部文件時發生錯誤后，發生此事件。 |
| focus | 在元素獲得焦點時發生此事件。 |
| focusin | 在元素即將獲得焦點時發生此事件。 |
| focusout | 在元素即將失去焦點時發生此事件。 |
| fullscreenchange | 當元素以全屏模式顯示時，發生此事件。 |
| fullscreenerror | 當元素無法在全屏模式下顯示時，發生此事件。 |
| hashchange | 當 URL 的錨部分發生改變時，發生此事件。 |
| input | 當元素獲得用戶輸入時，發生此事件。 |
| invalid | 當元素無效時，發生此事件。 |
| keydown | 當用戶正在按下鍵時，發生此事件。 |
| keypress | 當用戶按下鍵時，發生此事件。 |
| keyup | 當用戶松開鍵時，發生此事件。 |
| load | 在對象已加載時，發生此事件。 |
| loadeddata | 媒體數據加載后，發生此事件。 |
| loadedmetadata | 加載元數據（比如尺寸和持續時間）時，發生此事件。 |
| loadstart | 當瀏覽器開始查找指定的媒體時，發生此事件。 |
| message | 在通過此事件源接收消息時，發生此事件。 |
| mousedown | 當用戶在元素上按下鼠標按鈕時，發生此事件。 |
| mouseenter | 當指針移動到元素上時，發生此事件。 |
| mouseleave | 當指針從元素上移出時，發生此事件。 |
| mousemove | 當指針在元素上方移動時，發生此事件。 |
| mouseout | 當用戶將鼠標指針移出元素或其中的子元素時，發生此事件。 |
| mouseover | 當指針移動到元素或其中的子元素上時，發生此事件。 |
| mouseup | 當用戶在元素上釋放鼠標按鈕時，發生此事件。 |
| offline | 當瀏覽器開始脫機工作時，發生此事件。 |
| online | 當瀏覽器開始在線工作時，發生此事件。 |
| open | 當打開與事件源的連接時，發生此事件。 |
| pagehide | 當用戶離開某張網頁進行導航時，發生此事件。 |
| pageshow | 在用戶導航到某張網頁時，發生此事件。 |
| paste | 當用戶將一些內容粘貼到元素中時，發生此事件。 |
| pause | 當媒體被用戶暫?；蛞跃幊谭绞綍和r，發生此事件。 |
| play | 當媒體已啟動或不再暫停時，發生此事件。 |
| playing | 在媒體被暫?；蛲Ｖ挂跃彌_后播放時，發生此事件。 |
| popstate | 窗口的歷史記錄改變時，發生此事件。 |
| progress | 當瀏覽器正處于獲得媒體數據的過程中時，發生此事件。 |
| ratechange | 媒體播放速度改變時發生此事件。 |
| reset | 重置表單時發生此事件。 |
| resize | 調整文檔視圖的大小時發生此事件。 |
| scroll | 滾動元素的滾動條時發生此事件。 |
| search | 當用戶在搜索字段中輸入內容時，發生此事件。 |
| seeked | 當用戶完成移動/跳到媒體中的新位置時，發生該事件。 |
| seeking | 當用戶開始移動/跳到媒體中的新位置時，發生該事件。 |
| select | 用戶選擇文本后（對于<input>和<textarea>）發生此事件 |
| show | 當 <menu> 元素顯示為上下文菜單時，發生此事件。 |
| stalled | 當瀏覽器嘗試獲取媒體數據但數據不可用時，發生此事件。 |
| storage | Web 存儲區域更新時發生此事件。 |
| submit | 在提交表單時發生此事件。 |
| suspend | 當瀏覽器有意不獲取媒體數據時，發生此事件。 |
| timeupdate | 當播放位置更改時發生此事件。 |
| toggle | 當用戶打開或關閉 <details> 元素時，發生此事件。 |
| touchcancel | 在觸摸被中斷時，發生此事件。 |
| touchend | 當手指從觸摸屏上移開時，發生此事件。 |
| touchmove | 當手指在屏幕上拖動時，發生此事件。 |
| touchstart | 當手指放在觸摸屏上時，發生此事件。 |
| transitionend | CSS 轉換完成時，發生此事件。 |
| unload | 頁面卸載后（對于 <body>），發生此事件。 |
| volumechange | 當媒體的音量已更改時，發生此事件。 |
| waiting | 當媒體已暫停但預期會恢復時，發生此事件。 |
| wheel | 當鼠標滾輪在元素向上或向下滾動時，發生此事件。 |
到此，關于“javascript中有哪些dom事件”的學習就結束了，希望能夠解決大家的疑惑。理論與實踐的搭配能更好的幫助大家學習，快去試試吧！若想繼續學習更多相關知識，請繼續關注億速云網站，小編會繼續努力為大家帶來更多實用的文章！
免責聲明：本站發布的內容（圖片、視頻和文字）以原創、轉載和分享為主，文章觀點不代表本網站立場，如果涉及侵權請聯系站長郵箱：is@yisu.com進行舉報，并提供相關證據，一經查實，將立刻刪除涉嫌侵權內容。
