HTML事件参考


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

我们可以使用JavaScript或VBScript编写事件处理程序,并可以指定针对这些事件要采取的一些措施。尽管这些是事件,但是它们将被指定为HTML标签的属性。

HTML 4.01规范定义了19个事件,但后来HTML-5添加了许多其他事件,我们在下面列出了这些事件:

窗口事件属性


在旧版HTML中引入了以下事件,但所有标记为的标记 HTML-5 是HTML-5的一部分。

Events HTML-5 描述
印后 HTML-5 在文档打印后触发
印前 HTML-5 在打印文档之前触发
onbeforeonload HTML-5 在文档加载之前触发
onerror HTML-5 发生错误时触发
变迁 HTML-5 更改文档时触发
onload 加载文档时触发
消息 HTML-5 触发消息时触发
离线 HTML-5 当文档离线时触发
ononline HTML-5 在文档联机时触发
页面隐藏 HTML-5 窗口隐藏时触发
页面显示 HTML-5 窗口可见时触发
流行状态 HTML-5 窗口的历史记录更改时触发
onredo HTML-5 在文档执行重做时触发
onresize HTML-5 调整窗口大小时触发
储存 HTML-5 加载文档时触发
onundo HTML-5 在文档执行撤消时触发
onunload 在用户离开文档时触发

表单活动


以下标记已在旧版HTML中引入,但所有标记为的标记 HTML-5 是HTML-5的一部分。

Events HTML-5 描述
onblur 当窗口失去焦点时触发
onchange 元素更改时触发
上下文菜单 HTML-5 触发上下文菜单时触发
onfocus 窗口聚焦时触发
形式变更 HTML-5 表单更改时触发
onforminput HTML-5 在表单获取用户输入时触发
oninput HTML-5 在元素获取用户输入时触发
无效 HTML-5 元素无效时触发
onreset 重置表单时触发
onselect 在选择元素时触发
onsubmit 提交表单时触发

键盘事件


Events HTML-5 描述
按键 按下按键时触发
按键 按下和释放键时触发
onkeyup 释放按键时触发

鼠标事件


以下标记已在旧版HTML中引入,但所有标记为的标记 HTML-5 是HTML-5的一部分。

Events HTML-5 描述
onclick 单击鼠标触发
ondblclick 双击鼠标触发
ondrag HTML-5 拖动元素时触发
昂德拉贡 HTML-5 在拖动操作结束时触发
激进者 HTML-5 在将元素拖动到有效放置目标时触发
德拉格里夫 HTML-5 当元素离开有效的放置目标时触发
Ondragover HTML-5 在将元素拖动到有效放置目标上时触发
ondragstart HTML-5 在拖动操作开始时触发
ondrop HTML-5 拖放拖动的元素时触发
鼠标停下 按下鼠标按钮时触发
情绪激动 鼠标指针移动时触发
鼠标停留 当鼠标指针移出元素时触发
鼠标悬停 当鼠标指针移到某个元素上时触发
鼠标悬停 释放鼠标按钮时触发
鼠标轮 HTML-5 旋转鼠标滚轮时触发
onscroll HTML-5 在滚动元素的滚动条时触发

媒体活动


以下标记已在旧版HTML中引入,但所有标记为的标记 HTML-5 是HTML-5的一部分。

Events HTML-5 描述
onabort 触发中止事件
oncanplay HTML-5 在媒体可以开始播放但可能需要停止进行缓冲时触发
oncanplaythrough HTML-5 触发媒体何时可以播放到最后而无需停止缓冲
持续时间变化 HTML-5 更改媒体长度时触发
空着的 HTML-5 当媒体资源元素突然变空时触发。
onended HTML-5 媒体到达尽头时触发
onerror HTML-5 发生错误时触发
加载的数据 HTML-5 加载媒体数据时触发
加载的元数据 HTML-5 加载媒体元素的持续时间和其他媒体数据时触发
onloadstart HTML-5 在浏览器开始加载媒体数据时触发
onpause HTML-5 媒体数据暂停时触发
onplay HTML-5 在媒体数据开始播放时触发
进行中 HTML-5 在媒体数据开始播放时触发
进行中 HTML-5 在浏览器获取媒体数据时触发
利率变化 HTML-5 媒体数据的播放速度改变时触发
就绪状态变更 HTML-5 当就绪状态更改时触发
onseeked HTML-5 当媒体元素的搜索属性不再为真且搜索结束时触发
寻求 HTML-5 当媒体元素的搜寻属性为true且搜寻开始时触发
已安装 HTML-5 在获取媒体数据时出现错误时触发
暂停 HTML-5 在浏览器已获取媒体数据但在获取整个媒体文件之前停止时触发
ontimeupdate HTML-5 媒体改变播放位置时触发
音量变化 HTML-5 当媒体更改音量时触发,也将音量设置为“静音”时触发
等待中 HTML-5 在媒体停止播放但有望恢复播放时触发