- HTML5 教程
- HTML5 - 首頁
- HTML5 - 概述
- HTML5 - 語法
- HTML5 - 屬性
- HTML5 - 事件
- HTML5 - Web 表單 2.0
- HTML5 - SVG
- HTML5 - MathML
- HTML5 - Web 儲存
- HTML5 - Web SQL 資料庫
- HTML5 - 伺服器傳送事件
- HTML5 - WebSocket
- HTML5 - Canvas
- HTML5 - 音訊與影片
- HTML5 - 地理位置
- HTML5 - 微資料
- HTML5 - 拖放
- HTML5 - Web Workers
- HTML5 - IndexedDB
- HTML5 - Web 訊息傳遞
- HTML5 - Web CORS
- HTML5 - Web RTC
- HTML5 演示
- HTML5 - Web 儲存
- HTML5 - 伺服器傳送事件
- HTML5 - Canvas
- HTML5 - 音訊播放器
- HTML5 - 影片播放器
- HTML5 - 地理位置
- HTML5 - 拖放
- HTML5 - Web Worker
- HTML5 - Web幻燈片
- HTML5 工具
- HTML5 - SVG 生成器
- HTML5 - MathML
- HTML5 - Velocity 繪圖
- HTML5 - 二維碼
- HTML5 - Validator.nu 驗證
- HTML5 - Modernizr
- HTML5 - 驗證
- HTML5 - 線上編輯器
- HTML5 - 顏色程式碼生成器
- HTML5 標籤參考
- HTML5 - 問答
- HTML5 - 標籤參考
- HTML5 - 已棄用標籤
- HTML5 - 新標籤
- HTML5 資源
- HTML5 - 有用資源
- HTML5 - 討論
HTML5 - 事件
當用戶訪問您的網站時,他們會執行各種活動,例如點選文字、影像和連結,將滑鼠懸停在已定義的元素上等。這些是 JavaScript 所稱的事件的示例。
我們可以在 Javascript 或 VBscript 中編寫事件處理程式,您可以將這些事件處理程式指定為事件標籤屬性的值。HTML5 規範定義瞭如下所示的各種事件屬性:
當任何 HTML5 元素髮生任何事件時,我們可以使用以下屬性集來觸發任何作為值的javascript 或vbscript 程式碼。
在後續章節中詳細討論這些元素時,我們將介紹特定於元素的事件。
| 屬性 | 值 | 描述 |
|---|---|---|
| offline | script | 文件離線時觸發 |
| onabort | script | 在中止事件時觸發 |
| onafterprint | script | 文件列印後觸發 |
| onbeforeonload | script | 文件載入前觸發 |
| onbeforeprint | script | 文件列印前觸發 |
| onblur | script | 視窗失去焦點時觸發 |
| oncanplay | script | 媒體可以開始播放時觸發,但可能需要停止緩衝 |
| oncanplaythrough | script | 媒體可以播放到結尾時觸發,無需停止緩衝 |
| onchange | script | 元素更改時觸發 |
| onclick | script | 滑鼠點選時觸發 |
| oncontextmenu | script | 觸發上下文選單時觸發 |
| ondblclick | script | 滑鼠雙擊時觸發 |
| ondrag | script | 拖動元素時觸發 |
| ondragend | script | 拖動操作結束時觸發 |
| ondragenter | script | 元素被拖動到有效放置目標時觸發 |
| ondragleave | script | 元素離開有效放置目標時觸發 |
| ondragover | script | 元素被拖動到有效放置目標上時觸發 |
| ondragstart | script | 拖動操作開始時觸發 |
| ondrop | script | 拖動元素被放下時觸發 |
| ondurationchange | script | 媒體長度更改時觸發 |
| onemptied | script | 媒體資源元素突然變空時觸發。 |
| onended | script | 媒體到達結尾時觸發 |
| onerror | script | 發生錯誤時觸發 |
| onfocus | script | 視窗獲得焦點時觸發 |
| onformchange | script | 表單更改時觸發 |
| onforminput | script | 表單獲得使用者輸入時觸發 |
| onhaschange | script | 文件已更改時觸發 |
| oninput | script | 元素獲得使用者輸入時觸發 |
| oninvalid | script | 元素無效時觸發 |
| onkeydown | script | 按下鍵時觸發 |
| onkeypress | script | 按下並釋放鍵時觸發 |
| onkeyup | script | 釋放鍵時觸發 |
| onload | script | 文件載入時觸發 |
| onloadeddata | script | 媒體資料載入時觸發 |
| onloadedmetadata | script | 媒體元素的持續時間和其他媒體資料載入時觸發 |
| onloadstart | script | 瀏覽器開始載入媒體資料時觸發 |
| onmessage | script | 觸發訊息時觸發 |
| onmousedown | script | 按下滑鼠按鈕時觸發 |
| onmousemove | script | 滑鼠指標移動時觸發 |
| onmouseout | script | 滑鼠指標移出元素時觸發 |
| onmouseover | script | 滑鼠指標移到元素上時觸發 |
| onmouseup | script | 釋放滑鼠按鈕時觸發 |
| onmousewheel | script | 旋轉滑鼠滾輪時觸發 |
| onoffline | script | 文件離線時觸發 |
| online | script | 文件上線時觸發 |
| ononline | script | 文件上線時觸發 |
| onpagehide | script | 視窗隱藏時觸發 |
| onpageshow | script | 視窗可見時觸發 |
| onpause | script | 媒體資料暫停時觸發 |
| onplay | script | 媒體資料即將開始播放時觸發 |
| onplaying | script | 媒體資料開始播放時觸發 |
| onpopstate | script | 視窗歷史記錄更改時觸發 |
| onprogress | script | 瀏覽器正在獲取媒體資料時觸發 |
| onratechange | script | 媒體資料的播放速率更改時觸發 |
| onreadystatechange | script | 就緒狀態更改時觸發 |
| onredo | script | 文件執行重做操作時觸發 |
| onresize | script | 視窗大小調整時觸發 |
| onscroll | script | 滾動元素的捲軸時觸發 |
| onseeked | script | 媒體元素的 seeking 屬性不再為 true,並且查詢已結束時觸發 |
| onseeking | script | 媒體元素的 seeking 屬性為 true,並且查詢已開始時觸發 |
| onselect | script | 選擇元素時觸發 |
| onstalled | script | 獲取媒體資料時發生錯誤時觸發 |
| onstorage | script | 文件載入時觸發 |
| onsubmit | script | 提交表單時觸發 |
| onsuspend | script | 瀏覽器一直在獲取媒體資料,但在獲取整個媒體檔案之前停止時觸發 |
| ontimeupdate | script | 媒體更改其播放位置時觸發 |
| onundo | script | 文件執行撤消操作時觸發 |
| onunload | script | 使用者離開文件時觸發 |
| onvolumechange | script | 媒體更改音量時觸發,音量設定為“靜音”時也觸發 |
| onwaiting | script | 媒體已停止播放,但預計將恢復播放時觸發 |
廣告