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 | 當媒體被使用者暫停或以程式方式暫停時,發生此事件。 |
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中文網其他相關文章!

熱AI工具

Undresser.AI Undress
人工智慧驅動的應用程序,用於創建逼真的裸體照片

AI Clothes Remover
用於從照片中去除衣服的線上人工智慧工具。

Undress AI Tool
免費脫衣圖片

Clothoff.io
AI脫衣器

Video Face Swap
使用我們完全免費的人工智慧換臉工具,輕鬆在任何影片中換臉!

熱門文章

熱工具

記事本++7.3.1
好用且免費的程式碼編輯器

SublimeText3漢化版
中文版,非常好用

禪工作室 13.0.1
強大的PHP整合開發環境

Dreamweaver CS6
視覺化網頁開發工具

SublimeText3 Mac版
神級程式碼編輯軟體(SublimeText3)

如何使用WebSocket和JavaScript實現線上語音辨識系統引言:隨著科技的不斷發展,語音辨識技術已成為了人工智慧領域的重要組成部分。而基於WebSocket和JavaScript實現的線上語音辨識系統,具備了低延遲、即時性和跨平台的特點,成為了廣泛應用的解決方案。本文將介紹如何使用WebSocket和JavaScript來實現線上語音辨識系

WebSocket與JavaScript:實現即時監控系統的關鍵技術引言:隨著互聯網技術的快速發展,即時監控系統在各個領域中得到了廣泛的應用。而實現即時監控的關鍵技術之一就是WebSocket與JavaScript的結合使用。本文將介紹WebSocket與JavaScript在即時監控系統中的應用,並給出程式碼範例,詳細解釋其實作原理。一、WebSocket技

如何利用JavaScript和WebSocket實現即時線上點餐系統介紹:隨著網路的普及和技術的進步,越來越多的餐廳開始提供線上點餐服務。為了實現即時線上點餐系統,我們可以利用JavaScript和WebSocket技術。 WebSocket是一種基於TCP協定的全雙工通訊協議,可實現客戶端與伺服器的即時雙向通訊。在即時線上點餐系統中,當使用者選擇菜餚並下訂單

如何使用WebSocket和JavaScript實現線上預約系統在當今數位化的時代,越來越多的業務和服務都需要提供線上預約功能。而實現一個高效、即時的線上預約系統是至關重要的。本文將介紹如何使用WebSocket和JavaScript來實作一個線上預約系統,並提供具體的程式碼範例。一、什麼是WebSocketWebSocket是一種在單一TCP連線上進行全雙工

JavaScript和WebSocket:打造高效的即時天氣預報系統引言:如今,天氣預報的準確性對於日常生活以及決策制定具有重要意義。隨著技術的發展,我們可以透過即時獲取天氣數據來提供更準確可靠的天氣預報。在本文中,我們將學習如何使用JavaScript和WebSocket技術,來建立一個高效的即時天氣預報系統。本文將透過具體的程式碼範例來展示實現的過程。 We

JavaScript教學:如何取得HTTP狀態碼,需要具體程式碼範例前言:在Web開發中,經常會涉及到與伺服器進行資料互動的場景。在與伺服器進行通訊時,我們經常需要取得傳回的HTTP狀態碼來判斷操作是否成功,並根據不同的狀態碼來進行對應的處理。本篇文章將教你如何使用JavaScript來取得HTTP狀態碼,並提供一些實用的程式碼範例。使用XMLHttpRequest

jQuery是一個受歡迎的JavaScript函式庫,可以用來簡化DOM操作、事件處理、動畫效果等。在web開發中,常常會遇到需要對select元素進行改變事件綁定的情況。本文將介紹如何使用jQuery實作對select元素改變事件的綁定,並提供具體的程式碼範例。首先,我們需要使用標籤來建立一個包含選項的下拉式選單:

JavaScript中的HTTP狀態碼取得方法簡介:在進行前端開發中,我們常常需要處理與後端介面的交互,而HTTP狀態碼就是其中非常重要的一部分。了解並取得HTTP狀態碼有助於我們更好地處理介面傳回的資料。本文將介紹使用JavaScript取得HTTP狀態碼的方法,並提供具體程式碼範例。一、什麼是HTTP狀態碼HTTP狀態碼是指當瀏覽器向伺服器發起請求時,服務
