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