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() 之间切换。
广告