HTML事件属性

HTML4增加了使事件在浏览器中触发动作的能力，比如当用户点击元素时启动JavaScript。
下面列出了添加到HTML元素中，定义事件动作的全局事件属性，HTML5引入的事件被标记为红色，HTML5不支持的被标记删除线。

Window事件属性

下面是针对 window 对象触发的事件 => <body>

属性	值	描述
onafterprint	script	文档打印之后触发
onbeforeprint	script	文档打印之前触发
onbeforeunload	script	文档卸载之前触发
onerror	script	当错误发生时触发
onhaschange	script	当文档已改变时触发
onload	script	页面结束加载之后触发
onmessage	script	当消息被触发时触发
onoffline	script	当文档离线时触发
ononline	script	当文档上线时触发
onpagehide	script	当窗口隐藏时触发
onpageshow	script	当窗口成为可见时触发
onpopstate	script	当窗口历史记录改变时触发
onredo	script	当文档执行redo时触发
onresize	script	当浏览器窗口被调整大小时触发
onstorage	script	当Web Storage区域更新后触发
onundo	script	当文档执行undo时触发
onunload	script	当页面已下载或者浏览器窗口已被关闭时触发

Form事件属性

下面是由HTML表单内的动作触发的事件 => 几乎所有的标签，特别是<form>

属性	值	描述
onblur	script	当元素失去焦点时触发
onchange	script	当元素值被改变时触发
oncontextmenu	script	当上下文菜单被触发时触发
onfocus	script	当元素获得焦点时触发
onformchange	script	当表单被改变时触发
onforminput	script	当表单获得用户输入时触发
oninput	script	当元素获得用户输入时触发
oninvalid	script	当元素无效时触发
onreset	script	当表单中的重置按钮被点击时触发
onselect	script	当元素中文本被选中后触发
onsubmit	script	当提交表单时触发

Keyboard事件属性

下面是由键盘或类似用户动作触发的事件：

属性	值	描述
onkeydown	script	当用户按下按键时触发
onkeypress	script	当用户敲击按钮时触发
onkeyup	script	当用户释放按键时触发

Mouse事件属性

下面是由鼠标或类似用户动作触发的事件：

属性	值	描述
onclick	script	当元素上发生鼠标点击时触发
ondblclick	script	当元素上发生鼠标双击时触发
ondrag	script	当元素被拖动时触发
ondragend	script	当拖动操作结束时触发
ondragenter	script	当元素元素已被拖动到有效拖放区域时触发
ondragleave	script	当元素离开有效拖放目标时触发
ondragover	script	当元素在有效拖放目标上正在被拖动时触发
ondragstart	script	当拖动操作开始时触发
ondrop	script	当被拖元素正在被拖放时触发
onmousedown	script	当元素上按下鼠标按钮时触发
onmousemove	script	当鼠标指针移动到元素上时触发
onmouseout	script	当鼠标指针移出元素时触发
onmouseover	script	当鼠标指针移动到元素上时触发
onmouseup	script	当在元素上释放鼠标按钮时触发
onmousewheel	script	当鼠标滚轮正在被滚动时触发
onscroll	script	当元素滚动条被滚动时触发

Media事件属性

下面是由视频、图像、音频等媒体触发的事件 => 所有的标签，常用于<audio>、<embed>、<img>、<object>、<video>

属性	值	描述
onabort	script	退出时运行的脚本
oncanplay	script	当媒体文件就绪、缓冲已足够开始播放时触发
oncanplaythrough	script	当媒体能够无需因缓冲而停止即可播放至结尾时触发
ondurationchange	script	当媒体长度改变时触发
onemptied	script	当发生意外断开等故障，媒体文件突然不可用时触发
onended	script	当媒体已到达结尾时触发
onerror	script	当媒体文件加载期间发生错误时触发
onloadeddata	script	当媒体数据已加载时触发
onloadedmetadata	script	当元数据（分辨率、时长等）被加载时触发
onloadstart	script	在媒体文件开始加载且未实际加载任何数据前触发
onpause	script	当媒体被用户或程序暂停时触发
onplay	script	当媒体已就绪可以开始播放时触发
onplaying	script	当媒体已开始播放时触发
onprogress	script	当浏览器正在获取媒体数据时触发
onratechange	script	当回放速率改变时触发
onreadystatechange	script	当就绪状态改变时触发
onseeked	script	当seeking属性设置为false（指示定位已结束）时触发
onseeking	script	当seeking属性设置为true（指示定位是活动的）时触发
onstalled	script	当浏览器不论何种原因未能取回媒体数据时触发
onsuspend	script	当媒体数据完全加载之前不论何种原因终止取回媒体数据时触发
ontimeupdate	script	当播放位置改变（如快进到某位置）时触发
onvolumechange	script	当音量改变时（包括将音量设置为静音）时触发
onwaiting	script	当媒介已停止播放但打算继续播放时（如媒介暂停以缓冲更多数据）触发

【HTML5】HTML5事件属性总结相关推荐

初学HTML5系列二：HTML5新增的事件属性
Window事件属性: 属性值描述 onafterprint script 文档打印之后运行的脚本. 属性发生于用户设置页面打印并且打印对话框已出现之后. onbeforeprint scri ...
html中的鼠标事件怎么写,html5中的鼠标事件以及鼠标事件属性
鼠标事件先列出html5中鼠标常见的一系列事件: 事件名称描述 onclick 当单击鼠标时运行脚本 ondblclick 当双击鼠标时运行脚本 ondrag 当拖动元素时运行脚本 ondrage ...
html5里可移动线性进度条的类型怎么表示,HTML5触摸事件实现移动端简易进度条的实现方法...
这篇文章主要介绍了关于HTML5触摸事件实现移动端简易进度条的实现方法,有着一定的参考价值,现在分享给大家,有需要的朋友可以参考一下前言 HTML中新添加了许多新的事件,但由于兼容性的问题,许多事件 ...
php 判断html5,html5触摸事件判断滑动方向的实现
这篇文章主要介绍了html5触摸事件判断滑动方向的实现的相关资料,小编觉得挺不错的,现在分享给大家,也给大家做个参考. 为了给触摸界面提供有力支持, 触摸事件提供了响应用户对触摸屏或者触摸板上操作的能 ...
html让页面整体可以上下移动,html5 touch事件实现触屏页面上下滑动(二)
上篇文章使用html5的touch事件把简单的滑动做出来了,实现了持续页面上下滑动的效果,参考之前的文章及代码html5 touch事件实现触屏页面上下滑动(一) 本文主要实现了一个效果:页面滑动到最 ...
手机html5 tap事件,HTML5触摸事件演化tap事件介绍
触摸事件是移动浏览器特有的HTML5事件,虽然click事件在pc和移动端更通用,但是在移动端会出现300ms延迟,较为影响用户体验,300ms延迟来自判断双击和长按,因为只有默认等待时间结束以确定没 ...
html5 meta标签属性整理
html5 meta标签属性整理前言:不知道有没有人觉得,html的meta标签描述的头部信息特别多,有针对的SEO的头部信息,也有针对移动设备的头部信息,今日特地在网上搜集资料自己稍微对其整理一下 ...
html5标签及属性大全,HTML5 标签和属性列表.pdf
HTML5 标签和属性列表按字母顺序排列的标签列表 4: 指在HTML 4.01 中定义了该元素标签描述 5: 指在HTML 5 中定义了该元素定义注释 4 5 定义文档类型 4 5 ...
[html] 说说你对HTML5中pattern属性的理解
[html] 说说你对HTML5中pattern属性的理解好像是判断input在输入时按下tab键跳转到下一个input的优先级个人简介我是歌谣,欢迎和大家一起交流前后端知识.放弃很容易, 但坚 ...

【HTML5】HTML5事件属性总结