HTML5 事件
HTML5 事件
当浏览器对用户操作做出反应时,它被称为事件。例如,当您单击提交按钮时,浏览器将显示一个信息框。
在HTML5中,有许多可用的事件属性,可以使用诸如JavaScript之类的编程语言来激活它们。
以下是事件属性表,使用这些属性可以执行多个事件。
Windows事件属性
Windows事件与窗口对象相关,并且只能与<body>标记一起应用。
| 属性 |
说明 |
| onafterprint |
在打印文档后执行脚本。 |
| onbeforeprint |
在打印文档之前执行了脚本。 |
| onbeforeunload |
在卸载文档之前执行了脚本。 |
| onerror |
发生错误时执行脚本。 |
| onhashchange |
更改网页URL中的锚点部分时执行了脚本。 |
| onload |
在网页完全加载后执行脚本。 |
| onmessage |
在发生消息事件时执行脚本。 |
| onoffline |
当网络连接断开并且浏览器开始脱机工作时执行脚本。 |
| ononline |
当浏览器开始在线工作时执行脚本 |
| onpagehide |
在隐藏当前网页(例如用户已离开当前网页)时执行脚本。 |
| onpageshow |
当当前网页成为焦点时执行脚本。 |
| onpopstate |
在更改窗口的活动历史记录时执行脚本。 |
| onresize |
调整窗口大小时执行脚本。 |
| onstorage |
在更新网络存储时执行了脚本。 |
| 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 |
在结束搜索操作并将seek属性设置为false时执行脚本。 |
| onseeking |
在搜寻操作处于活动状态并且将搜寻属性设置为true时执行了脚本。 |
| onstalled |
当浏览器意外停止获取数据媒体时执行脚本。 |
| onsuspend |
如果故意停止了媒体数据的获取,则执行了脚本。 |
| ontimeupdate |
在更改播放位置时(例如,用户快进曲目时)执行脚本。 |
| onvolumechange |
在更改媒体音量(静音或取消静音)时执行脚本。 |
| onwaiting |
如果播放暂停以等待加载更多数据,则执行脚本。 |