HTML DOM 事件

HTML DOM 事件

HTML DOM 事件允許 JavaScript 在 HTML 文檔中的元素上注冊不同的事件處理程序。

事件通常與函數結合使用，在事件發生之前函數不會被執行（例如當用戶單擊按鈕時）。

如需有關事件的教程，請學習我們的 JavaScript 事件教程。

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

HTML DOM 事件屬性和方法

屬性/方法 描述 屬于
altKey 返回觸發鼠標事件時是否按下了 "ALT" 鍵。 MouseEvent
altKey 返回觸發按鍵事件時是否按下了 "ALT" 鍵。
animationName 返回動畫的名稱。 AnimationEvent
bubbles 返回特定事件是否為冒泡事件。 Event
button 返回觸發鼠標事件時按下的鼠標按鈕。 MouseEvent
buttons 返回觸發鼠標事件時按下的鼠標按鈕。 MouseEvent
cancelBubble 設置或返回事件是否應該向上層級進行傳播。
cancelable 返回事件是否可以阻止其默認操作。 Event
changeTouches 返回在上一觸摸與該觸摸之間其狀態已更改的所有觸摸對象的列表 TouchEvent
charCode 返回觸發 onkeypress 事件的鍵的 Unicode 字符代碼。 KeyboardEvent
clientX 返回觸發鼠標事件時，鼠標指針相對于當前窗口的水平坐標。
clientY 返回觸發鼠標事件時，鼠標指針相對于當前窗口的垂直坐標。
clipboardData 返回對象，其中包含受剪貼板操作影響的數據。 ClipboardData
code 返回觸發事件的鍵的代碼。 KeyboardEvent
composed 指示該事件是否可以從 Shadow DOM 傳遞到一般的 DOM。 Event
composedPath() 返回事件的路徑。
createEvent() 創建新事件。 Event
ctrlKey 返回觸發鼠標事件時是否按下了 "CTRL" 鍵。 MouseEvent
ctrlKey 返回按鍵鼠標事件時是否按下了 "CTRL" 鍵。
currentTarget 返回其事件偵聽器觸發事件的元素。 Event
data 返回插入的字符。 InputEvent
dataTransfer 返回一個對象，其中包含被拖放或插入/刪除的數據。
defaultPrevented 返回是否為事件調用 preventDefault() 方法。 Event
deltaX 返回鼠標滾輪的水平滾動量（x 軸）。 WheelEvent
deltaY 返回鼠標滾輪的垂直滾動量（y 軸）。 WheelEvent
deltaZ 返回鼠標滾輪的 Z 軸滾動量。 WheelEvent
deltaMode 返回數字，代表增量值（像素、線或頁面）的度量單位。 WheelEvent
detail 返回數字，指示鼠標被單擊了多少次。 UiEvent
elapsedTime 返回動畫已運行的秒數。 AnimationEvent
elapsedTime 返回過渡已運行的秒數。  
eventPhase 返回當前正在評估事件流處于哪個階段。 Event
getModifierState() 返回包含目標范圍的數組，此范圍將受到插入/刪除的影響。 MouseEvent
getTargetRanges() 返回包含目標范圍的數組，此范圍將受到插入/刪除的影響。 InputEvent
inputType 返回更改的類型（即 "inserting" 或 "deleting"）。 InputEvent
isComposing 返回事件的狀態是否正在構成。
isTrusted 返回事件是否受信任。 Event
key 返回事件表示的鍵的鍵值。 KeyboardEvent
key 返回更改后的存儲項的鍵。 StorageEvent
keyCode 返回觸發 onkeypress、onkeydown 或 onkeyup 事件的鍵的 Unicode 字符代碼。 KeyboardEvent
location 返回鍵盤或設備上按鍵的位置。 KeyboardEvent
lengthComputable 返回進度的長度是否可計算。 ProgressEvent
loaded 返回已加載的工作量。 ProgressEvent
metaKey 返回事件觸發時是否按下了 "META" 鍵。 MouseEvent
metaKey 返回按鍵事件觸發時是否按下了 "META" 鍵。
MovementX 返回相對于上一 mousemove 事件的位置的鼠標指針的水平坐標 MouseEvent
MovementY 返回相對于上一 mousemove 事件的位置的鼠標指針的垂直坐標 MouseEvent
newURL 返回更改 hash 后的文檔 URL。 HasChangeEvent
newValue 返回更改后的存儲項目的新值。 StorageEvent
offsetX 返回鼠標指針相對于目標元素邊緣位置的水平坐標。 MouseEvent
offsetY 返回鼠標指針相對于目標元素邊緣位置的垂直坐標。 MouseEvent
oldURL 返回更改 hash 前的文檔 URL。 HasChangeEvent
oldValue 返回更改后的存儲項目的舊值。 StorageEvent
onemptied 當發生不良情況且媒體文件突然不可用時，發生此事件。  
pageX 返回觸發鼠標事件時鼠標指針相對于文檔的水平坐標。 MouseEvent
pageY 返回觸發鼠標事件時鼠標指針相對于文檔的垂直坐標。 MouseEvent
persisted 返回網頁是否被瀏覽器緩存。 PageTransitionEvent
preventDefault() 如果可以取消事件，則將其取消，不執行屬于該事件的默認操作。 Event
propertyName 返回與動畫或過渡相關聯的 CSS 屬性的名稱。
pseudoElement 返回動畫或過渡的偽元素的名稱。
region MouseEvent
relatedTarget 返回與觸發鼠標事件的元素相關的元素。 MouseEvent
relatedTarget 返回與觸發事件的元素相關的元素。 FocusEvent
repeat 返回是否重復按住某個鍵。 KeyboardEvent
screenX 返回窗口/鼠標指針相對于屏幕的水平坐標。 MouseEvent
screenY 返回窗口/鼠標指針相對于屏幕的垂直坐標。 MouseEvent
shiftKey 返回事件觸發時是否按下了 "SHIFT" 鍵。 MouseEvent
shiftKey 返回按鍵事件觸發時是否按下了 "SHIFT" 鍵。
state 返回包含歷史記錄條目副本的對象。 PopStateEvent
stopImme...() 防止同一事件的其他偵聽器被調用。 Event
stopPropagation() 防止事件在事件流中進一步傳播。 Event
storageArea 返回代表受影響的存儲對象的對象。 StorageEvent
target 返回觸發事件的元素。 Event
targetTouches 返回包含仍與觸摸面接觸的所有觸摸點的Touch對象的TouchList列表 TouchEvent
timeStamp 返回創建事件的時間（相對于紀元的毫秒數）。 Event
total 返回將要加載的工作總量。 ProgressEvent
touches 返回當前與表面接觸的所有 touch 對象的列表。 TouchEvent
type 返回事件名稱。 Event
url 返回已更改項目的所在文檔的 URL。 StorageEvent
which 返回觸發鼠標事件時按下的鼠標按鈕。 MouseEvent
which 返回觸發 onkeypress 事件的鍵的 Unicode 字符碼，或觸發 onkeydown 或 onkeyup 事件的鍵的 Unicode 鍵碼 KeyboardEvent
view 返回對發生事件的 Window 對象的引用。 UiEvent