当浏览器对用户操作作出反应时,称为事件。例如,当您单击提交按钮时,浏览器可能会显示一个信息框。

在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当播放暂停等待加载更多数据时触发事件。

标签: html, HTML教程, HTML技术, HTML学习, HTML学习教程, HTML下载, HTML语言, HTML开发, HTML入门教程, HTML进阶教程, HTML面试题, HTML笔试题, HTML编程思想