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 | 使用者選擇文字後(對於和 |
# show | 當 |
stalled | 當瀏覽器嘗試取得媒體資料但資料不可用時,發生此事件。 |
storage | Web 儲存區域更新時發生此事件。 |
submit | 在提交表單時發生此事件。 |
suspend | 當瀏覽器故意不取得媒體資料時,發生此事件。 |
timeupdate | 當播放位置變更時發生此事件。 |
toggle | 當使用者開啟或關閉 元素時,發生此事件。 |
touchcancel | 在觸控中斷時,發生此事件。 |
touchend | 當手指從觸控螢幕移開時,發生此事件。 |
touchmove | 當手指在螢幕上拖曳時,發生此事件。 |
touchstart | 當手指放在觸控螢幕上時,發生此事件。 |
transitionend | CSS 轉換完成時,發生此事件。 |
unload | 頁面卸載後(對於 ),發生此事件。 |
volumechange | 當媒體的音量已更改時,發生此事件。 |
waiting | 當媒體已暫停但預期會恢復時,發生此事件。 |
wheel | 當滑鼠滾輪在元素向上或向下滾動時,發生此事件。 |
【推薦學習:javascript進階教學】
以上是javascript的dom事件有哪些的詳細內容。更多資訊請關注PHP中文網其他相關文章!