
- HTML 教程
- HTML - 首頁
- HTML - 路線圖
- HTML - 簡介
- HTML - 歷史與演變
- HTML - 編輯器
- HTML - 基本標籤
- HTML - 元素
- HTML - 屬性
- HTML - 標題
- HTML - 段落
- HTML - 字型
- HTML - 塊
- HTML - 樣式表
- HTML - 格式化
- HTML - 引用
- HTML - 註釋
- HTML - 顏色
- HTML - 圖片
- HTML - 圖片地圖
- HTML - 內聯框架 (Iframe)
- HTML - 短語元素
- HTML - 元標籤
- HTML - 類
- HTML - ID
- HTML - 背景
- HTML 表格
- HTML - 表格
- HTML - 表頭與標題
- HTML - 表格樣式
- HTML - 表格列組 (Colgroup)
- HTML - 巢狀表格
- HTML 列表
- HTML - 列表
- HTML - 無序列表
- HTML - 有序列表
- HTML - 定義列表
- HTML 連結
- HTML - 文字連結
- HTML - 圖片連結
- HTML - 郵箱連結
- HTML 顏色名稱與值
- HTML - 顏色名稱
- HTML - RGB
- HTML - HEX
- HTML - HSL
- HTML 表單
- HTML - 表單
- HTML - 表單屬性
- HTML - 表單控制元件
- HTML - 輸入屬性
- HTML 多媒體
- HTML - 影片元素
- HTML - 音訊元素
- HTML - 嵌入多媒體
- HTML 頭部
- HTML - Head 元素
- HTML - 新增 Favicon
- HTML - JavaScript
- HTML 佈局
- HTML - 佈局
- HTML - 佈局元素
- HTML - 使用 CSS 進行佈局
- HTML - 響應式設計
- HTML - 符號
- HTML - 表情符號
- HTML - 樣式指南
- HTML 圖形
- HTML - SVG
- HTML - Canvas
- HTML API
- HTML - Geolocation API
- HTML - 拖放 API
- HTML - Web Workers API
- HTML - WebSocket
- HTML - Web 儲存
- HTML - 伺服器傳送事件
- HTML 其他
- HTML - 文件物件模型 (DOM)
- HTML - MathML
- HTML - 微資料
- HTML - IndexedDB
- HTML - Web 訊息傳遞
- HTML - Web CORS
- HTML - WebRTC
- HTML 演示
- HTML - 音訊播放器
- HTML - 影片播放器
- HTML - 網頁幻燈片
- HTML 工具
- HTML - Velocity Draw
- HTML - 二維碼
- HTML - Modernizer
- HTML - 驗證
- HTML - 顏色拾取器
- HTML 參考
- HTML - 速查表
- HTML - 標籤參考
- HTML - 屬性參考
- HTML - 事件參考
- HTML - 字型參考
- HTML - ASCII 碼
- ASCII 碼錶查詢
- HTML - 顏色名稱
- HTML - 實體
- MIME 媒體型別
- HTML - URL 編碼
- 語言 ISO 程式碼
- HTML - 字元編碼
- HTML - 已棄用的標籤
- HTML 資源
- HTML - 快速指南
- HTML - 有用資源
- HTML - 顏色程式碼生成器
- HTML - 線上編輯器
HTML - 事件參考
當用戶訪問您的網站時,他們會執行諸如點選各種連結、將滑鼠懸停在文字和影像上等操作。這些就是我們在 JavaScript 和 VBScript 術語中所說的事件的示例。
我們可以使用 JavaScript 或 VBScript 編寫事件處理程式,並指定針對這些事件要採取的一些操作。雖然這些是事件,但它們將被指定為 HTML 標籤的屬性。
HTML 4.01 規範定義了 19 個事件,但後來的 HTML5 又添加了許多其他事件,我們在這裡列出了這些事件:
視窗事件屬性
以下是列出的視窗事件屬性:
序號 | 事件及描述 |
---|---|
1 | onafterprint 文件列印後觸發 |
2 | onbeforeprint 文件列印前觸發 |
3 | onbeforeunload 文件載入前觸發 |
4 | onerror 發生錯誤時觸發 |
5 | onhashchange 文件更改時觸發 |
6 | onload 文件載入時觸發 |
7 | onoffline 文件離線時觸發 |
8 | ononline 文件上線時觸發 |
9 | onpagehide 視窗隱藏時觸發 |
10 | onpageshow 視窗可見時觸發 |
11 | onresize 視窗大小調整時觸發 |
12 | onunload 使用者離開文件時觸發 |
表單事件
以下是列出的表單事件屬性:
序號 | 事件及描述 |
---|---|
1 | onblur 視窗失去焦點時觸發 |
2 | onchange 元素更改時觸發 |
3 | oncontextmenu 觸發上下文選單時觸發 |
4 | onfocus 視窗獲得焦點時觸發 |
5 | oninput 元素獲得使用者輸入時觸發 |
6 | oninvalid 元素無效時觸發 |
7 | onreset 表單重置時觸發 |
8 | onsearch HTML onsearch 事件允許在使用者在可搜尋輸入欄位中執行搜尋操作時執行特定的 JavaScript 程式碼。 |
9 | onselect 元素被選中時觸發 |
10 | onsubmit 表單提交時觸發 |
鍵盤事件
以下是列出的 HTML 鍵盤事件:
序號 | 事件及描述 |
---|---|
1 | onkeydown 按下鍵時觸發 |
2 | onkeyup 釋放鍵時觸發 |
滑鼠事件
以下是列出的滑鼠事件屬性:
序號 | 事件及描述 |
---|---|
1 | onclick 滑鼠單擊時觸發 |
2 | ondblclick 滑鼠雙擊時觸發 |
3 | onmousedown 按下滑鼠按鈕時觸發 |
4 | onmousemove 滑鼠指標移動時觸發 |
5 | onmouseout 滑鼠指標移出元素時觸發 |
6 | onmouseover 滑鼠指標移入元素時觸發 |
7 | onmouseup 釋放滑鼠按鈕時觸發 |
8 | onwheel 滑鼠滾輪位於元素上時,會發生 HTML onwheel 事件。 |
拖動事件
以下是列出的 HTML 拖動事件:
序號 | 事件及描述 |
---|---|
1 | ondrag 拖動元素時觸發 |
2 | ondragend 拖動操作結束時觸發 |
3 | ondragenter 元素被拖動到有效的放置目標時觸發 |
4 | ondragleave 元素離開有效的放置目標時觸發 |
5 | ondragover 元素正在拖動到有效的放置目標上時觸發 |
6 | ondragstart 拖動操作開始時觸發 |
7 | ondrop 拖動的元素被放下時觸發 |
8 | onscroll 滾動元素的捲軸時觸發 |
剪貼簿事件
讓我們看一下以下列出的剪貼簿事件:
序號 | 事件及描述 |
---|---|
1 | oncopy 使用者複製元素時觸發 |
2 | oncut 使用者移除(剪下)元素時觸發 |
3 | onpaste 將元素貼上到輸入欄位中時觸發。 |
媒體事件
以下是列出的媒體事件屬性:
序號 | 事件及描述 |
---|---|
1 | ondurationchange 媒體長度更改時觸發 |
2 | onended 媒體播放結束時觸發 |
3 | onerror 發生錯誤時觸發 |
4 | onloadeddata 媒體資料載入時觸發 |
5 | onloadedmetadata 媒體元素的持續時間和其他媒體資料載入時觸發 |
6 | onloadstart 瀏覽器開始載入媒體資料時觸發 |
7 | onpause 媒體資料暫停時觸發 |
8 | onplay 媒體資料即將開始播放時觸發 |
9 | onplaying 媒體資料開始播放時觸發 |
10 | onprogress 瀏覽器正在獲取媒體資料時觸發 |
11 | onratechange 媒體資料的播放速率更改時觸發 |
12 | onseeked 媒體元素的 seeking 屬性不再為 true,並且搜尋已結束時觸發 |
13 | onseeking 媒體元素的 seeking 屬性為 true,並且搜尋已開始時觸發 |
14 | onstalled 獲取媒體資料出錯時觸發 |
15 | onsuspend 瀏覽器一直在獲取媒體資料,但在獲取整個媒體檔案之前停止時觸發 |
16 | ontimeupdate 媒體更改其播放位置時觸發 |
17 | onvolumechange 媒體更改音量時觸發,將音量設定為“靜音”時也會觸發 |
18 | onwaiting 媒體已停止播放,但預計會恢復播放時觸發 |
其他事件
以下是列出的其他事件:
序號 | 事件及描述 |
---|---|
1 | ontoggle 通常,切換表示它在所選元素的 hide() 和 show() 之間切換。 |