本文概述
当浏览器对用户操作做出反应时, 它被称为事件。例如, 当你单击提交按钮时, 浏览器将显示一个信息框。
在HTML5中, 有许多可用的事件属性, 可以使用诸如JavaScript之类的编程语言来激活它们。
以下是事件属性表, 使用这些属性可以执行多个事件。
Windows事件属性
Windows事件与window对象相关, 并且只能与<body>标记一起应用。
| 属性 | 描述 |
|---|---|
| onafterprint | 打印文档后执行脚本。 |
| onbeforeprint | 在打印文档之前执行脚本。 |
| onbeforeunload | 在卸载文档之前执行脚本。 |
| onerror | 发生错误时执行脚本。 |
| onhashchange | 更改网页URL中的锚点时执行脚本。 |
| onload | 网页完全加载后执行脚本。 |
| onmessage | 发生消息事件时执行脚本。 |
| onoffline | 当网络连接断开并且浏览器开始脱机工作时执行脚本。 |
| ononline | 浏览器开始在线工作时执行脚本 |
| onpagehide | 隐藏当前网页（例如, 用户已离开当前网页）时执行脚本。 |
| onpageshow | 当前网页为焦点时执行脚本。 |
| onpopstate | 更改窗口的活动历史记录时执行脚本。 |
| onresize | 调整窗口大小时执行脚本。 |
| onstorage | Web存储更新时执行了脚本。 |
| onunload | 当当前网页被卸载或窗口关闭时执行脚本。 |
表单事件属性
当用户在表单中执行某些操作（例如提交表单, 选择输入字段等）时, 发生表单事件。
表单事件可以与任何元素一起使用, 但是这些事件主要与HTML表单元素一起使用。
以下是所有表单事件属性的列表：
| 属性 | 描述 |
|---|---|
| onblur | 当表单元素失去焦点时执行脚本。 |
| onchange | 更改元素值时执行脚本。 |
| onfocus | 当元素获得焦点时触发事件。 |
| oninput | 当用户输入元素的输入时执行脚本。 |
| oninvalid | 当元素不满足其预定义约束时执行脚本。 |
| onreset | 用户重置表单元素值时触发事件。 |
| onsearch | 当搜索字段接收到某些输入时触发事件。 |
| onselect | 用户选择某些文本时触发事件。 |
| onsubmit | 提交表单时触发事件。 |
键盘事件属性
用户与键盘交互时发生键盘事件。以下是键盘事件的列表。
| 属性 | 描述 |
|---|---|
| onkeydown | 当用户按下键盘上的键时触发事件。 |
| onkeypress | 当用户按下显示某些字符的键时触发事件。 |
| onkeyup | 用户释放当前按下的键时触发事件。 |
鼠标事件属性
| 属性 | 描述 |
|---|---|
| onclick | 当鼠标单击元素时触发事件。 |
| ondblclick | 在元素上双击鼠标时触发事件。 |
| onmousedown | 当在元素上按下鼠标按钮时触发事件。 |
| onmousemove | 当鼠标指针移到元素上时触发事件。 |
| onmouseout | 当鼠标移到元素外部时触发事件。 |
| onmouseover | 当鼠标移到元素上时触发事件。 |
| onmouseup | 释放鼠标按钮时触发事件。 |
| onmousewheel | 不推荐使用。使用onwheel属性。 |
| onwheel | 当鼠标滚轮在元素上滚动时触发事件 |
剪贴板事件属性
| 属性 | 描述 |
|---|---|
| oncopy | 用户将内容复制到系统剪贴板时触发事件。 |
| oncut | 当元素的内容被剪切并复制到剪贴板时触发事件。 |
| onpaste | 用户将某些内容粘贴到元素中时触发事件。 |
媒体事件属性
| 属性 | 描述 |
|---|---|
| onabort | 媒体播放中止时执行脚本。 |
| oncanplay | 准备播放媒体文件时执行脚本。 |
| oncanplaythrough | 当媒体文件准备好播放而没有缓冲或停止时, 执行脚本。 |
| oncuechange | 已执行<track>元素的脚本文本提示已更改。 |
| ondurationchange | 更改媒体文件持续时间时执行脚本。 |
| onemptied | 如果媒体发生一些致命错误, 并且文件不可用, 则执行脚本。 |
| onended | 媒体文件结束时执行脚本。 |
| onerror | 在获取媒体数据时发生错误时执行脚本。 |
| onloadeddata | 加载媒体数据时执行脚本。 |
| onloadedmetadata | 加载媒体文件的元数据时执行脚本。 |
| onloadstart | 开始加载媒体文件时执行了脚本。 |
| onpause | 媒体播放暂停时执行脚本。 |
| onplay | 暂停后准备播放媒体文件时执行脚本。 |
| onplaying | 开始播放媒体文件时执行了脚本。 |
| onprogress | 当浏览器正在获取媒体数据时执行脚本。 |
| onratechange | 更改播放速度时执行脚本。 |
| onseeked | 在搜寻操作结束并将搜寻属性设置为false时执行脚本。 |
| onseeking | 当搜寻操作处于活动状态并且搜寻属性设置为true时执行脚本。 |
| onstalled | 当浏览器意外停止获取数据媒体时, 执行脚本。 |
| onsuspend | 如果有意停止获取媒体数据, 则执行脚本。 |
| ontimeupdate | 更改播放位置时（例如, 用户快进曲目时）执行脚本。 |
| onvolumechange | 更改媒体音量（静音或取消静音）时执行脚本。 |
| onwaiting | 如果播放暂停以等待加载更多数据, 则执行脚本。 |
