這篇文章主要介紹“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 | 當媒體被用戶暫停或以編程方式暫停時,發生此事件。 |
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中有哪些dom事件”的學習就結束了,希望能夠解決大家的疑惑。理論與實踐的搭配能更好的幫助大家學習,快去試試吧!若想繼續學習更多相關知識,請繼續關注創新互聯網站,小編會繼續努力為大家帶來更多實用的文章!