溫馨提示×
您好，登錄后才能下訂單哦！
點擊 登錄注冊 即表示同意《億速云用戶服務(wù)條款》
您好，登錄后才能下訂單哦！
本篇內(nèi)容主要講解“html事件有哪些”，感興趣的朋友不妨來看看。本文介紹的方法操作簡單快捷，實用性強。下面就讓小編來帶大家學(xué)習(xí)“html事件有哪些”吧!
html事件有：1、針對window對象觸發(fā)的Window事件；2、由HTML表單內(nèi)的動作觸發(fā)的Form事件；3、Keyboard事件；4、由鼠標(biāo)或類似用戶動作觸發(fā)的Mouse事件；5、由媒介（例如視頻、圖像和音頻）觸發(fā)的Media事件。
本教程操作環(huán)境：windows7系統(tǒng)、HTML5版、Dell G3電腦。
HTML 有能力讓事件觸發(fā)瀏覽器中的動作，例如當(dāng)用戶單擊元素時啟動 JavaScript。
html中的事件
1、Window 事件
針對 window 對象觸發(fā)的事件（應(yīng)用到 <body> 標(biāo)簽）：
| 屬性 | 值 | 描述 |
|---|---|---|
| onafterprint | script | 文檔打印之后運行的腳本。 |
| onbeforeprint | script | 文檔打印之前運行的腳本。 |
| onbeforeunload | script | 文檔卸載之前運行的腳本。 |
| onerror | script | 在錯誤發(fā)生時運行的腳本。 |
| onhaschange | script | 當(dāng)文檔已改變時運行的腳本。 |
| onload | script | 頁面結(jié)束加載之后觸發(fā)。 |
| onmessage | script | 在消息被觸發(fā)時運行的腳本。 |
| onoffline | script | 當(dāng)文檔離線時運行的腳本。 |
| ononline | script | 當(dāng)文檔上線時運行的腳本。 |
| onpagehide | script | 當(dāng)窗口隱藏時運行的腳本。 |
| onpageshow | script | 當(dāng)窗口成為可見時運行的腳本。 |
| onpopstate | script | 當(dāng)窗口歷史記錄改變時運行的腳本。 |
| onredo | script | 當(dāng)文檔執(zhí)行撤銷（redo）時運行的腳本。 |
| onresize | script | 當(dāng)瀏覽器窗口被調(diào)整大小時觸發(fā)。 |
| onstorage | script | 在 Web Storage 區(qū)域更新后運行的腳本。 |
| onundo | script | 在文檔執(zhí)行 undo 時運行的腳本。 |
| onunload | script | 一旦頁面已下載時觸發(fā)（或者瀏覽器窗口已被關(guān)閉）。 |
2、Form 事件
由 HTML 表單內(nèi)的動作觸發(fā)的事件（應(yīng)用到幾乎所有 HTML 元素，但最常用在 form 元素中）：
| 屬性 | 值 | 描述 |
|---|---|---|
| onblur | script | 元素失去焦點時運行的腳本。 |
| onchange | script | 在元素值被改變時運行的腳本。 |
| oncontextmenu | script | 當(dāng)上下文菜單被觸發(fā)時運行的腳本。 |
| onfocus | script | 當(dāng)元素獲得焦點時運行的腳本。 |
| onformchange | script | 在表單改變時運行的腳本。 |
| onforminput | script | 當(dāng)表單獲得用戶輸入時運行的腳本。 |
| oninput | script | 當(dāng)元素獲得用戶輸入時運行的腳本。 |
| oninvalid | script | 當(dāng)元素?zé)o效時運行的腳本。 |
| onreset | script | 當(dāng)表單中的重置按鈕被點擊時觸發(fā)。HTML5 中不支持。 |
| onselect | script | 在元素中文本被選中后觸發(fā)。 |
| onsubmit | script | 在提交表單時觸發(fā)。 |
3、Keyboard 事件
| 屬性 | 值 | 描述 |
|---|---|---|
| onkeydown | script | 在用戶按下按鍵時觸發(fā)。 |
| onkeypress | script | 在用戶敲擊按鈕時觸發(fā)。 |
| onkeyup | script | 當(dāng)用戶釋放按鍵時觸發(fā)。 |
4、Mouse 事件
由鼠標(biāo)或類似用戶動作觸發(fā)的事件：
| 屬性 | 值 | 描述 |
|---|---|---|
| onclick | script | 元素上發(fā)生鼠標(biāo)點擊時觸發(fā)。 |
| ondblclick | script | 元素上發(fā)生鼠標(biāo)雙擊時觸發(fā)。 |
| ondrag | script | 元素被拖動時運行的腳本。 |
| ondragend | script | 在拖動操作末端運行的腳本。 |
| ondragenter | script | 當(dāng)元素元素已被拖動到有效拖放區(qū)域時運行的腳本。 |
| ondragleave | script | 當(dāng)元素離開有效拖放目標(biāo)時運行的腳本。 |
| ondragover | script | 當(dāng)元素在有效拖放目標(biāo)上正在被拖動時運行的腳本。 |
| ondragstart | script | 在拖動操作開端運行的腳本。 |
| ondrop | script | 當(dāng)被拖元素正在被拖放時運行的腳本。 |
| onmousedown | script | 當(dāng)元素上按下鼠標(biāo)按鈕時觸發(fā)。 |
| onmousemove | script | 當(dāng)鼠標(biāo)指針移動到元素上時觸發(fā)。 |
| onmouseout | script | 當(dāng)鼠標(biāo)指針移出元素時觸發(fā)。 |
| onmouseover | script | 當(dāng)鼠標(biāo)指針移動到元素上時觸發(fā)。 |
| onmouseup | script | 當(dāng)在元素上釋放鼠標(biāo)按鈕時觸發(fā)。 |
| onmousewheel | script | 當(dāng)鼠標(biāo)滾輪正在被滾動時運行的腳本。 |
| onscroll | script | 當(dāng)元素滾動條被滾動時運行的腳本。 |
5、Media 事件
由媒介（比如視頻、圖像和音頻）觸發(fā)的事件（適用于所有 HTML 元素，但常見于媒介元素中，比如 <audio>、<embed>、<img>、<object> 以及 <video>）:
| 屬性 | 值 | 描述 |
|---|---|---|
| onabort | script | 在退出時運行的腳本。 |
| oncanplay | script | 當(dāng)文件就緒可以開始播放時運行的腳本（緩沖已足夠開始時）。 |
| oncanplaythrough | script | 當(dāng)媒介能夠無需因緩沖而停止即可播放至結(jié)尾時運行的腳本。 |
| ondurationchange | script | 當(dāng)媒介長度改變時運行的腳本。 |
| onemptied | script | 當(dāng)發(fā)生故障并且文件突然不可用時運行的腳本（比如連接意外斷開時）。 |
| onended | script | 當(dāng)媒介已到達結(jié)尾時運行的腳本（可發(fā)送類似“感謝觀看”之類的消息）。 |
| onerror | script | 當(dāng)在文件加載期間發(fā)生錯誤時運行的腳本。 |
| onloadeddata | script | 當(dāng)媒介數(shù)據(jù)已加載時運行的腳本。 |
| onloadedmetadata | script | 當(dāng)元數(shù)據(jù)（比如分辨率和時長）被加載時運行的腳本。 |
| onloadstart | script | 在文件開始加載且未實際加載任何數(shù)據(jù)前運行的腳本。 |
| onpause | script | 當(dāng)媒介被用戶或程序暫停時運行的腳本。 |
| onplay | script | 當(dāng)媒介已就緒可以開始播放時運行的腳本。 |
| onplaying | script | 當(dāng)媒介已開始播放時運行的腳本。 |
| onprogress | script | 當(dāng)瀏覽器正在獲取媒介數(shù)據(jù)時運行的腳本。 |
| onratechange | script | 每當(dāng)回放速率改變時運行的腳本（比如當(dāng)用戶切換到慢動作或快進模式）。 |
| onreadystatechange | script | 每當(dāng)就緒狀態(tài)改變時運行的腳本（就緒狀態(tài)監(jiān)測媒介數(shù)據(jù)的狀態(tài)）。 |
| onseeked | script | 當(dāng) seeking 屬性設(shè)置為 false（指示定位已結(jié)束）時運行的腳本。 |
| onseeking | script | 當(dāng) seeking 屬性設(shè)置為 true（指示定位是活動的）時運行的腳本。 |
| onstalled | script | 在瀏覽器不論何種原因未能取回媒介數(shù)據(jù)時運行的腳本。 |
| onsuspend | script | 在媒介數(shù)據(jù)完全加載之前不論何種原因終止取回媒介數(shù)據(jù)時運行的腳本。 |
| ontimeupdate | script | 當(dāng)播放位置改變時（比如當(dāng)用戶快進到媒介中一個不同的位置時）運行的腳本。 |
| onvolumechange | script | 每當(dāng)音量改變時（包括將音量設(shè)置為靜音）時運行的腳本。 |
| onwaiting | script | 當(dāng)媒介已停止播放但打算繼續(xù)播放時（比如當(dāng)媒介暫停已緩沖更多數(shù)據(jù)）運行腳本 |
到此，相信大家對“html事件有哪些”有了更深的了解，不妨來實際操作一番吧！這里是億速云網(wǎng)站，更多相關(guān)內(nèi)容可以進入相關(guān)頻道進行查詢，關(guān)注我們，繼續(xù)學(xué)習(xí)！
免責(zé)聲明：本站發(fā)布的內(nèi)容（圖片、視頻和文字）以原創(chuàng)、轉(zhuǎn)載和分享為主，文章觀點不代表本網(wǎng)站立場，如果涉及侵權(quán)請聯(lián)系站長郵箱：is@yisu.com進行舉報，并提供相關(guān)證據(jù)，一經(jīng)查實，將立刻刪除涉嫌侵權(quán)內(nèi)容。
億速云公眾號
手機網(wǎng)站二維碼
