javascript的dom事件有哪些
- 青灯夜游原創
- 2021-11-19 18:39:222856瀏覽
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 | 當媒體被使用者暫停或以程式方式暫停時，發生此事件。 |
| play | 當媒體已啟動或不再暫停時，發生此事件。 |
| playing | 在媒體被暫停或停止以緩衝後播放時，發生此事件。 |
| popstate | 視窗的歷史記錄變更時，發生此事件。 |
| progress | 當瀏覽器正處於獲得媒體資料的過程中時，發生此事件。 |
| ratechange | 媒體播放速度改變時發生此事件。 |
| reset | 重置表單時發生此事件。 |
| resize | 調整文件視圖的大小時發生此事件。 |
| scroll | 滾動元素的捲軸時會發生此事件。 |
| search | 當使用者在搜尋欄位中輸入內容時，發生此事件。 |
| seeked | 當使用者完成移動/跳到媒體中的新位置時，發生該事件。 |
| seeking | 當使用者開始移動/跳到媒體中的新位置時，發生該事件。 |
| select | 使用者選擇文字後（對於和 |