当用户访问您的网站时,他们会执行诸如单击各种链接、将鼠标悬停在文本和图像上等操作。这些是我们在 JavaScript 和 VBScript 术语中称为事件的示例。
我们可以使用 JavaScript 或 VBScript 编写我们的事件处理程序,并可以指定针对这些事件采取的一些操作。 虽然这些是事件,但它们将被指定为 HTML 标记的属性。
HTML 4.01 规范定义了 19 个事件,但后来的 HTML5 添加了许多其他事件,我们在此处列出 -
窗口事件属性
旧版本的 HTML 中引入了以下事件,但所有标记都标有 是 HTML5 的一部分。
事件 | HTML5 | 描述 |
---|---|---|
onafterprint | 打印文档后触发 | |
onbeforeprint | 打印文档之前触发 | |
onbeforeonload | 文档加载前触发 | |
onerror | 发生错误时触发 | |
onhaschange | 文档更改时触发 | |
onload | 文档加载时触发 | |
onmessage | 触发器 当消息被触发时 | |
onoffline | 文档离线时触发 | |
ononline | 文档上线时触发 | |
onpagehide | 隐藏窗口时触发 | |
onpageshow | 窗口可见时触发 | |
onpopstate | 窗口历史记录更改时触发 | |
onredo | 当 文档执行重做 | |
onresize | 调整窗口大小时触发 | |
onstorage | 文档加载时触发 | |
onundo | 文档执行撤消时触发 | |
onunload | 用户离开文档时触发 |
表单事件
以下标签已添加 在旧版本的 HTML 中引入,但所有标有 的标签都是 HTML5 的一部分。
事件 | HTML5 | 描述 |
---|---|---|
onblur | 窗口失去焦点时触发 | |
onchange | 元素更改时触发 | |
oncontextmenu | 触发上下文菜单时触发 | |
onfocus | 窗口获得焦点时触发 | |
onformchange | 表单更改时触发 | |
onforminput | 表单获取用户输入时触发 | |
oninput | 元素获取用户输入时触发 | |
oninvalid | 元素无效时触发 invalid | |
onreset | 重置表单时触发 | |
onselect | 选择元素时触发 | |
onsubmit | 提交表单时触发 |
键盘事件
事件 | HTML5 | 描述 |
---|---|---|
onkeydown | 按下按键时触发 | |
onkeypress | 按下并释放按键时触发 | |
onkeyup | 以下情况时触发释放一个键 |
鼠标事件
以下标签已在旧版本的 HTML 中引入,但所有标签 用 标记的内容是 HTML5 的一部分。
事件 | HTML5 | 描述 |
---|---|---|
onclick | 鼠标点击时触发 | |
ondblclick | 鼠标双击时触发 | |
ondrag | 拖动元素时触发 | |
ondragend | 拖动操作结束时触发 | |
ondragenter | 当元素被拖动到有效的放置目标时触发 | |
ondragleave | 当元素离开有效的放置目标时触发 | |
ondragover | 当元素被拖过有效的拖放时触发 目标 | |
ondragstart | 拖动操作开始时触发 | |
ondrop | 拖动元素被拖放时触发 | |
onmousedown | 按下鼠标按钮时触发 | |
onmousemove | 鼠标指针移动时触发 | |
onmouseout | 鼠标指针移出元素时触发 | |
onmouseover | 鼠标指针移动到元素上时触发 | |
onmouseup | 释放鼠标按钮时触发 | |
onmousewheel | 鼠标滚轮旋转时触发 | |
onscroll | 当元素的滚动条滚动时触发 |
媒体事件
旧版本的 HTML 中引入了以下标记,但所有标记都标有 是 HTML5 的一部分。
事件 | HTML5 | 说明 |
---|---|---|
onabort | 触发中止事件 | |
oncanplay | 媒体可以开始播放时触发 ,但可能必须停止缓冲 | |
oncanplaythrough | 当媒体可以播放到最后而不需要停止缓冲时触发 | |
ondurationchange | 媒体长度更改时触发 | |
onemptied | 当媒体资源元素突然变空时触发。 | |
onending | 媒体到达末尾时触发 | |
onerror | 发生错误时触发 | |
onloadeddata | 加载媒体数据时触发 | |
onloadedmetadata | 加载媒体元素的持续时间和其他媒体数据时触发 | |
onloadstart | 浏览器开始加载媒体数据时触发 | |
onpause | 媒体数据暂停时触发 | |
onplay | 媒体数据即将开始播放时触发 | |
onplaying | 媒体数据开始播放时触发 | |
onprogress | 浏览器获取媒体数据时触发 | |
onratechange | 媒体数据播放速率发生变化时触发 | |
onreadystatechange | 就绪状态改变时触发 | |
onseeked | 当媒体元素的 Seeking 属性为 不再正确,寻找已结束 | |
onseeking | 当媒体元素的 Seeking 属性为 true 且已开始搜索时触发 | |
onstalled | 获取媒体数据出错时触发 | |
onsuspend | 当浏览器已获取媒体数据但在获取整个媒体文件之前停止时触发 | |
ontimeupdate | 媒体更改播放位置时触发 | |
onvolumechange | 当媒体更改音量时以及音量设置为“静音”时触发 | |
onwaiting | 当媒体已停止播放但正在播放时触发 预计恢复 |