- 您好！欢迎来到鲲鹏知舟
HTML 事件属性
当浏览器对用户操作做出反应时，它被称为事件。例如，当您单击提交按钮时，如果浏览器显示一个信息框。
在 HTML5 中，有许多可用的事件属性可以使用诸如 JavaScript 之类的编程语言来激活。
以下是事件属性表，使用这些属性您可以执行多个事件。
Windows （窗口）事件属性
Windows 事件与 window 对象相关，只能通过 <body> 标签应用。
| 属性 | 描述 |
|---|---|
| onafterprint | 在打印文档后执行脚本。 |
| onbeforeprint | 在打印文档之前执行脚本。 |
| onbeforeunload | 在卸载文档之前执行脚本。 |
| onerror | 发生错误时执行脚本。 |
| onhashchange | 当网页 URL 中的锚点部分更改时执行脚本。 |
| onload | 当网页完全加载时执行脚本。 |
| onmessage | 当消息事件发生时执行脚本。 |
| onoffline | 在网络连接断开时执行脚本，浏览器开始离线工作。 |
| ononline | 当浏览器开始在线工作时执行脚本 |
| onpagehide | 在当前网页被隐藏时执行脚本，例如用户已离开当前网页。 |
| onpageshow | 在当前网页获得焦点时执行脚本。 |
| onpopstate | 当窗口的活动历史更改时执行脚本。 |
| onresize | 在调整窗口大小时执行脚本。 |
| onstorage | 在更新 Web 存储时执行脚本。 |
| onunload | 在当前网页卸载或窗口关闭时执行脚本。 |
Form (表单)事件属性
当用户在表单中执行某些操作（例如提交表单、选择输入字段等）时，会发生表单事件。
表单事件可用于任何元素，但这些主要用于 HTML 表单元素。
以下是所有表单事件属性的列表：
| 属性 | 描述 |
|---|---|
| onblur | 当表单元素失去焦点时执行脚本。 |
| onchange | 当元素的值改变时执行脚本。 |
| onfocus | 当元素获得焦点时触发事件。 |
| oninput | 当用户向元素输入输入时执行脚本。 |
| oninvalid | 当元素不满足其预定义的约束时执行脚本。 |
| onreset | 当用户重置表单元素值时触发事件。 |
| onsearch | 当搜索字段接收到一些输入时触发事件。 |
| onselect | 当用户选择一些文本时触发事件。 |
| onsubmit | 提交表单时触发事件。 |
Keyboard (键盘)事件属性
当用户与键盘交互时发生键盘事件。以下是键盘事件的列表。
| 属性 | 描述 |
|---|---|
| onkeydown | 当用户按下键盘上的某个键时触发该事件。 |
| onkeypress | 当用户按下显示某些字符的键时触发事件。 |
| onkeyup | 当用户释放当前按下的键时触发事件。 |
Mouse (鼠标)事件属性
| 属性 | 描述 |
|---|---|
| onclick | 当鼠标点击元素时触发事件。 |
| ondblclick | 当鼠标双击元素时触发事件。 |
| onmousedown | 在元素上按下鼠标按钮时触发事件。 |
| onmousemove | 当鼠标指针移动到元素上时触发事件。 |
| onmouseout | 当鼠标移出元素时触发事件。 |
| onmouseover | 当鼠标移动到元素上时触发事件。 |
| onmouseup | 释放鼠标按钮时触发事件。 |
| onmousewheel | 已弃用。使用 onwheel 属性。 |
| onwheel | 当鼠标滚轮在元素上向上或向下滚动时触发事件 |
Clipboard (剪贴板)事件属性
| 属性 | 描述 |
|---|---|
| oncopy | 当用户将内容复制到系统剪贴板时触发该事件。 |
| oncut | 当元素的内容被剪切并复制到剪贴板时触发事件。 |
| onpaste | 当用户在元素中粘贴某些内容时触发该事件。 |
Media (媒体)事件属性
| 属性 | 描述 |
|---|---|
| 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 | 如果播放暂停以等待加载更多数据，则执行脚本。 |
-
使用社交账号登录,本站支持
全部评论(0)