HTML5 事件基础教程文档
收录于 2023-04-20 00:10:05 · بالعربية · English · English · Español · हिंदीName · 日本語 · 日本語 · Русский язык · 中文繁體
HTML5 事件
当浏览器对用户操作做出反应时,它被称为事件。例如,当您单击提交按钮时,浏览器将显示一个信息框。
在HTML5中,有许多可用的事件属性,可以使用诸如JavaScript之类的编程语言来激活它们。
以下是事件属性表,使用这些属性可以执行多个事件。
在HTML5中,有许多可用的事件属性,可以使用诸如JavaScript之类的编程语言来激活它们。
以下是事件属性表,使用这些属性可以执行多个事件。
Windows事件属性
Windows事件与窗口对象相关,并且只能与<body>标记一起应用。
属性 | 说明 |
onafterprint | 在打印文档后执行脚本。 |
onbeforeprint | 在打印文档之前执行了脚本。 |
onbeforeunload | 在卸载文档之前执行了脚本。 |
onerror | 发生错误时执行脚本。 |
onhashchange | 更改网页URL中的锚点部分时执行了脚本。 |
onload | 在网页完全加载后执行脚本。 |
onmessage | 在发生消息事件时执行脚本。 |
onoffline | 当网络连接断开并且浏览器开始脱机工作时执行脚本。 |
ononline | 当浏览器开始在线工作时执行脚本 |
onpagehide | 在隐藏当前网页(例如用户已离开当前网页)时执行脚本。 |
onpageshow | 当当前网页成为焦点时执行脚本。 |
onpopstate | 在更改窗口的活动历史记录时执行脚本。 |
onresize | 调整窗口大小时执行脚本。 |
onstorage | 在更新网络存储时执行了脚本。 |
onunload | 在当前网页被卸载或窗口关闭时执行脚本。 |
表单事件属性
当用户在表单中执行某些操作(例如提交表单,选择输入字段等)时,就会发生表单事件。
表单事件可以与任何元素一起使用,但是它们主要与HTML表单元素一起使用。
以下是所有"表单事件"属性的列表:
表单事件可以与任何元素一起使用,但是它们主要与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 | 如果播放暂停以等待加载更多数据,则执行脚本。 |