HTML事件属性

本文概述

  • Windows事件属性
  • 表单事件属性
  • 键盘事件属性
  • 鼠标事件属性
  • 剪贴板事件属性
  • 媒体事件属性
当浏览器对用户操作做出反应时, 它被称为事件。例如, 当你单击提交按钮时, 浏览器将显示一个信息框。
在HTML5中, 有许多可用的事件属性, 可以使用诸如JavaScript之类的编程语言来激活它们。
以下是事件属性表, 使用这些属性可以执行多个事件。
Windows事件属性Windows事件与window对象相关, 并且只能与< 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 提交表单时触发事件。
键盘事件属性【HTML事件属性】用户与键盘交互时发生键盘事件。以下是键盘事件的列表。
属性 描述
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 在搜寻操作结束并将搜寻属性设置为false时执行脚本。
onseeking 当搜寻操作处于活动状态并且搜寻属性设置为true时执行脚本。
onstalled 当浏览器意外停止获取数据媒体时, 执行脚本。
onsuspend 如果有意停止获取媒体数据, 则执行脚本。
ontimeupdate 更改播放位置时(例如, 用户快进曲目时)执行脚本。
onvolumechange 更改媒体音量(静音或取消静音)时执行脚本。
onwaiting 如果播放暂停以等待加载更多数据, 则执行脚本。

    推荐阅读