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 |
如果播放暂停以等待加载更多数据,则执行脚本。 |