HTML教程-HTML5 事件属性
当浏览器对用户操作作出反应时,称为事件。例如,当您单击提交按钮时,浏览器可能会显示一个信息框。
在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 | 当播放暂停等待加载更多数据时触发事件。 |