当用户访问您的网站时,他们会执行诸如单击各种链接、将鼠标悬停在文本和图像上等操作。这些是我们在 JavaScript 和 VBScript 术语中称为事件的示例。

我们可以使用 JavaScript 或 VBScript 编写我们的事件处理程序,并可以指定针对这些事件采取的一些操作。 虽然这些是事件,但它们将被指定为 HTML 标记的属性。

HTML 4.01 规范定义了 19 个事件,但后来的 HTML5 添加了许多其他事件,我们在此处列出 -

窗口事件属性

旧版本的 HTML 中引入了以下事件,但所有标记都标有 HTML5是 HTML5 的一部分。

事件HTML5描述
onafterprintHTML5打印文档后触发
onbeforeprintHTML5打印文档之前触发
onbeforeonloadHTML5文档加载前触发
onerrorHTML5发生错误时触发
onhaschangeHTML5 文档更改时触发
onload文档加载时触发
onmessageHTML5触发器 当消息被触发时
onofflineHTML5 文档离线时触发
ononline
HTML5文档上线时触发
onpagehideHTML5隐藏窗口时触发
onpageshowHTML5窗口可见时触发
onpopstateHTML5窗口历史记录更改时触发
onredoHTML5当 文档执行重做
onresizeHTML5调整窗口大小时触发
onstorageHTML5文档加载时触发
onundoHTML5文档执行撤消时触发
onunload用户离开文档时触发

表单事件

以下标签已添加 在旧版本的 HTML 中引入,但所有标有 HTML5 的标签都是 HTML5 的一部分。

事件HTML5描述
onblur窗口失去焦点时触发
onchange元素更改时触发
oncontextmenuHTML5触发上下文菜单时触发
onfocus窗口获得焦点时触发
onformchangeHTML5表单更改时触发
onforminputHTML5表单获取用户输入时触发
oninputHTML5元素获取用户输入时触发
oninvalidHTML5元素无效时触发 invalid
onreset重置表单时触发
onselect选择元素时触发
onsubmit提交表单时触发

键盘事件

事件HTML5描述
onkeydown按下按键时触发
onkeypress按下并释放按键时触发
onkeyup以下情况时触发释放一个键

鼠标事件

以下标签已在旧版本的 HTML 中引入,但所有标签 用 HTML5 标记的内容是 HTML5 的一部分。

事件HTML5描述
onclick鼠标点击时触发
ondblclick鼠标双击时触发
ondragHTML5拖动元素时触发
ondragendHTML5拖动操作结束时触发
ondragenterHTML5当元素被拖动到有效的放置目标时触发
ondragleaveHTML5当元素离开有效的放置目标时触发
ondragoverHTML5当元素被拖过有效的拖放时触发 目标
ondragstartHTML5拖动操作开始时触发
ondrop HTML5拖动元素被拖放时触发
onmousedown按下鼠标按钮时触发
onmousemove鼠标指针移动时触发
onmouseout鼠标指针移出元素时触发
onmouseover鼠标指针移动到元素上时触发
onmouseup 释放鼠标按钮时触发
onmousewheelHTML5鼠标滚轮旋转时触发
onscrollHTML5当元素的滚动条滚动时触发

媒体事件

旧版本的 HTML 中引入了以下标记,但所有标记都标有 HTML5 是 HTML5 的一部分。

事件HTML5说明
onabort触发中止事件
oncanplayHTML5媒体可以开始播放时触发 ,但可能必须停止缓冲
oncanplaythroughHTML5当媒体可以播放到最后而不需要停止缓冲时触发
ondurationchangeHTML5媒体长度更改时触发
onemptied
HTML5当媒体资源元素突然变空时触发。
onendingHTML5媒体到达末尾时触发
onerrorHTML5发生错误时触发
onloadeddataHTML5加载媒体数据时触发
onloadedmetadataHTML5加载媒体元素的持续时间和其他媒体数据时触发
onloadstartHTML5浏览器开始加载媒体数据时触发
onpauseHTML5媒体数据暂停时触发
onplay
HTML5 媒体数据即将开始播放时触发
onplayingHTML5媒体数据开始播放时触发
onprogressHTML5浏览器获取媒体数据时触发
onratechangeHTML5媒体数据播放速率发生变化时触发
onreadystatechangeHTML5就绪状态改变时触发
onseekedHTML5当媒体元素的 Seeking 属性为 不再正确,寻找已结束
onseekingHTML5当媒体元素的 Seeking 属性为 true 且已开始搜索时触发
onstalled
HTML5获取媒体数据出错时触发
onsuspendHTML5当浏览器已获取媒体数据但在获取整个媒体文件之前停止时触发
ontimeupdateHTML5媒体更改播放位置时触发
onvolumechangeHTML -5当媒体更改音量时以及音量设置为“静音”时触发
onwaitingHTML5当媒体已停止播放但正在播放时触发 预计恢复