HTML教程-HTML5 事件属性
当浏览器对用户操作作出反应时,称为事件。例如,当您单击提交按钮时,浏览器可能会显示一个信息框。
在HTML5中,提供了许多可通过编程语言(如JavaScript)激活的事件属性。
以下是事件属性的表格,您可以使用这些属性执行多种事件。
窗口事件属性
窗口事件与window对象相关,只能应用于<body>标签。
| 属性 | 描述 |
|---|---|
| onafterprint | 在文档打印完成后执行脚本。 |
| onbeforeprint | 在文档打印之前执行脚本。 |
| onbeforeunload | 在文档即将被卸载前执行脚本。 |
| onerror | 在发生错误时执行脚本。 |
| onhashchange | 在网页URL的锚部分(anchor)更改时执行脚本。 |
| 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>元素的文本提示(cue)发生更改时触发事件。 |
| ondurationchange | 当媒体文件的持续时间发生更改时触发事件。 |
| onemptied | 当媒体发生严重错误,文件变得不可用时触发事件。 |
| onended | 当媒体文件播放到末尾时触发事件。 |
| onerror | 当获取媒体数据时发生错误时触发事件。 |
| onloadeddata | 当媒体数据加载完成时触发事件。 |
| onloadedmetadata | 当媒体文件的元数据加载完成时触发事件。 |
| onloadstart | 当开始加载媒体文件时触发事件。 |
| onpause | 当媒体播放暂停时触发事件。 |
| onplay | 当媒体文件准备好继续播放时触发事件。 |
| onplaying | 当媒体文件开始播放时触发事件。 |
| onprogress | 当浏览器正在获取媒体数据时触发事件。 |
| onratechange | 当播放速度发生更改时触发事件。 |
| onseeked | 当搜索操作结束且seeking属性设置为false时触发事件。 |
| onseeking | 当搜索操作正在进行且seeking属性设置为true时触发事件。 |
| onstalled | 当浏览器意外停止获取媒体数据时触发事件。 |
| onsuspend | 当故意停止获取媒体数据时触发事件。 |
| ontimeupdate | 当播放位置发生更改时触发事件,例如用户快进音轨。 |
| onvolumechange | 当媒体音量发生更改(静音或取消静音)时触发事件。 |
| onwaiting | 当播放暂停等待加载更多数据时触发事件。 |