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() 之間切換。
廣告