首页 > 作文

HTML5事件方法全部汇总

更新时间:2023-04-03 05:10:18 阅读: 评论:0

下面的表格列出了可插入 html 5 元素中以定义事件行为的标准事件属性。

window 事件属性 – window event attributes 表单事件 – form events 键盘事件 – keybord events 鼠标事件 – mou events 媒介事件 – media events

window 事件属性

window 对象触发的事件。适用于 <body> 标签:

属性值描述onafterprintscript在打印文档之后运行脚本onbeforeprintscript在文档打印之前运行脚本onbeforeonloadscript在文档加载之前运行脚本onblurscript当窗口失去焦点时运行脚本onerrorscript当错误发生时运行脚本onfocusscript当窗口获得焦点时运行脚本onhaschangescript当文档改变时运行脚本onloadscript当文档加载时运行脚本onmessagescript当触发消息时运行脚本onofflinescript当文档离线时运行脚本ononlinesc王后雄教育ript当文档上线时运行脚本onpagehidescript当窗口世界最美女星隐藏时运行脚本onpageshowscript当窗口可见时运行脚本onpopstatescript当窗口历史记录改变时运行脚本onredoscript当文档执行再执行操作(redo)时运行脚本onresizescript当调整窗口大小时运行脚本onstoragescript当文档加载加载时运行脚本onundoscript当 web storage 区域更新时(存储空间中的数据发生变化时)onunloadscript当用户离开文档时运行脚本

表单事件

由 html 表单内部的动作触发的事件。适用于所有 html 5 元素,不过最常用于表单元素中:

属性值描述onblurscript当元素失去焦点时运行脚本onchangescript当元素改变时运行脚本oncontextmenuscript当触发上下文菜单时运行脚本onfocusscript当元素获得焦点时运行脚本onformchangescript当表单改变时运行脚本onforminputscript当表单获得用户输入时运行脚本oninputscript当元素获得用户输入时运行脚本oninvalidscript当元素无效时运行脚本onretscript当表单重置时运行脚本。html 5 不支持。onlectscript当选取元素时运行脚本onsubmitscript当提交表单时运行脚本

键盘事件

由键盘触发的事件。适用于所有 html 5 元素:

属性值描述onkeydownscript当按下按键时运行脚本onkeypressscript当按下并松开按键时运行脚本哄对象的话onkeyupscript当松开按键时运行脚本

鼠标事件

由鼠标或相似的用户动作触发的事件。适用于所有 html 5 元素:

属性值描述onclickscript当单击鼠标时运行脚本ondblclickscript当双击鼠标时运行脚本ondragscript当拖动元素时运行脚本ondragendscript当拖动操作结束时运行脚本ondragenterscript当元素被拖动至有效的拖放目标时运行脚本ondragleavescript当元素离开有效拖放目标时运行脚本ondragoverscript当元素被拖动至有效拖放目标上方时运行脚本ondragstartscript当拖动操作开始时运行脚本ondropscript当被拖动元素正在被拖放时运行脚本onmoudownscript当按下鼠标按钮时运行脚本onmoumovescript当鼠标指针移动时运行脚本onmououtscript当鼠标指针移出元素时运行脚本onmouoverscript当鼠标指针移至元素之上时运行脚本onmouupscript当松开鼠标按钮时运行脚本onmouwheelscript当转动鼠标滚轮时运行脚本onscrollscript当滚动元素滚动元素的滚动条时运行脚本

媒介事件

由视频、图像以及音频等媒介触发的事件。适用于所有 html 5 元素,不过在媒介元素(诸如 audio、embed、img、object 以及 video)中最常用:

属性值描述onabortscript当发生中指事件时运行脚本oncanplayscript当媒介能够开始播放但可能因缓冲而需要停止时运行脚本oncanplaythroughscript当媒介能够无需因缓冲而停止即可播放至结尾时运行脚本ondurationchangescript当媒介长度改变时运行脚本onemptiedscript当媒介资源元素突然为空时(网络错误、加载错误等)运行脚本onendedscript当媒介已抵达结尾时运行脚本onerrorscript当在元素加载期间发生错误时运行脚本onloadeddatascript当加载媒介数据时运行脚本onloadedmetadatascript当媒介元素的持续时间以及其他媒介数据已加载时运行脚本onloadstartscript当浏览器开始加载媒介数据时运行脚本onpau横膈膜呼吸法script当媒介数据暂停时运行脚本onplayscript当媒介数据将要开始播放时运行脚本onplayingscript当媒介数据已开始播放时运行脚本onprogressscript当浏览器正在取媒介数据时运行脚本onratechangescript当媒介数据的播放速率改变时运行脚本onreadystatechangescript当就绪状态(ready-state)改变时运行脚本onekedscript当媒介元素的定位属性[1]不再为真且定位已结束时运行脚本onekingscript当媒介元素的定位属性为真且定位已开始时运行脚本onstalledscript当取回媒介数据过程中(延迟)存在错误女人尿失禁时运行脚本onsuspendscript当浏览器已在取媒介数据但在取回整个媒介文件之前停止时运行脚本ontimeupdatescript当媒介改变其播放位置时运行脚本onvolumechangescript当媒介改变音量亦或当音量被设置为静音时运行脚本onwaitingscript当媒介已停止播放但打算继续播放时运行脚本

[1]:定位属性的英文译文是:eking attribute。

以上这篇html5事件方法全部汇总就是www.887551.com分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持www.887551.com。

本文发布于:2023-04-03 05:10:17,感谢您对本站的认可!

本文链接:https://www.wtabcd.cn/fanwen/zuowen/b7765b9b03825ee83cd789f545008e54.html

版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系,我们将在24小时内删除。

本文word下载地址:HTML5事件方法全部汇总.doc

本文 PDF 下载地址:HTML5事件方法全部汇总.pdf

标签:时运   行脚   媒介   元素
相关文章
留言与评论(共有 0 条评论)
   
验证码:
Copyright ©2019-2022 Comsenz Inc.Powered by © 专利检索| 网站地图