下一篇 → ← 上一篇

HTML 事件属性

2024年8月28日 | 阅读 4 分钟

当浏览器对用户的操作做出反应时，这称为事件。例如，当您单击提交按钮时，如果浏览器显示一个信息框。

HTML5 中有许多事件属性，可以使用 JavaScript 等编程语言激活它们。

以下是事件属性的表格，使用这些属性您可以执行各种事件。

窗口事件属性

窗口事件与窗口对象相关，并且只能与 <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	查找操作结束并且 seeking 属性设置为 false 时执行脚本。
onseeking	查找操作处于活动状态并且 seeking 属性设置为 true 时执行脚本。
onstalled	浏览器意外停止获取媒体数据时执行脚本。
onsuspend	如果媒体数据的获取被有意停止，则执行脚本。
ontimeupdate	播放位置改变时执行脚本，例如用户快进音轨。
onvolumechange	媒体音量更改时（静音或取消静音）执行脚本。
onwaiting	播放暂停以等待加载更多数据时执行脚本。

下一主题HTML 5 标签

← 上一篇下一篇 →

我们提供所有技术（如 Java 教程、Android、Java 框架）的教程和面试问题

联系信息

G-13, 2nd Floor, Sec-3, Noida, UP, 201301, India

hr@tpointtech.com

关注我们

教程

Java 数据结构 C 语言 C++ 教程 C# 教程 PHP 教程 HTML 教程 JavaScript 教程 jQuery 教程 Spring 教程

面试题

Microsoft Amazon Adobe Intuit Accenture Cognizant Capgemini Wipro Tcs Infosys

在线编译器

C R C++ Php Java Html Swift Python JavaScript TypeScript

最新帖子 | 教程列表 | 隐私政策 | 关于我们 | 联系我们

© 版权所有 2011 - 2025 TpointTech.com。保留所有权利。