HTML-参考手册: HTML 事件属性
| ylbtech-HTML-参考手册: HTML 事件属性 |
| 1.返回顶部 |
HTML 事件属性
全局事件属性
HTML 4 的新特性之一是可以使 HTML 事件触发浏览器中的行为，比方说当用户点击某个 HTML 元素时启动一段 JavaScript。
如果你想学习更多关于事件属性，请访问 JavaScript 教程
下面的表格提供了标准的事件属性，可以把它们插入 HTML/XHTML 元素中，以定义事件行为。
New : HTML5新增属性事件。
窗口事件属性（Window Event Attributes）
由窗口触发该事件 (适用于 <body> 标签):
| 属性 | 值 | 描述 |
|---|---|---|
| onafterprintNew | script | 在打印文档之后运行脚本 |
| onbeforeprintNew | script | 在文档打印之前运行脚本 |
| onbeforeonloadNew | script | 在文档加载之前运行脚本 |
| onblur | script | 当窗口失去焦点时运行脚本 |
| onerrorNew | script | 当错误发生时运行脚本 |
| onfocus | script | 当窗口获得焦点时运行脚本 |
| onhaschangeNew | script | 当文档改变时运行脚本 |
| onload | script | 当文档加载时运行脚本 |
| onmessageNew | script | 当触发消息时运行脚本 |
| onofflineNew | script | 当文档离线时运行脚本 |
| ononlineNew | script | 当文档上线时运行脚本 |
| onpagehideNew | script | 当窗口隐藏时运行脚本 |
| onpageshowNew | script | 当窗口可见时运行脚本 |
| onpopstateNew | script | 当窗口历史记录改变时运行脚本 |
| onredoNew | script | 当文档执行再执行操作（redo）时运行脚本 |
| onresizeNew | script | 当调整窗口大小时运行脚本 |
| onstorageNew | script | 当 Web Storage 区域更新时（存储空间中的数据发生变化时）运行脚本 |
| onundoNew | script | 当文档执行撤销时运行脚本 |
| onunloadNew | script | 当用户离开文档时运行脚本 |
表单事件(Form Events)
表单事件在HTML表单中触发 (适用于所有 HTML 元素, 但该HTML元素需在form表单内):
| 属性 | 值 | 描述 |
|---|---|---|
| onblur | script | 当元素失去焦点时运行脚本 |
| onchange | script | 当元素改变时运行脚本 |
| oncontextmenuNew | script | 当触发上下文菜单时运行脚本 |
| onfocus | script | 当元素获得焦点时运行脚本 |
| onformchangeNew | script | 当表单改变时运行脚本 |
| onforminputNew | script | 当表单获得用户输入时运行脚本 |
| oninputNew | script | 当元素获得用户输入时运行脚本 |
| oninvalidNew | script | 当元素无效时运行脚本 |
| onreset | script | 当表单重置时运行脚本。HTML 5 不支持。 |
| onselect | script | 当选取元素时运行脚本 |
| onsubmit | script | 当提交表单时运行脚本 |
键盘事件（Keyboard Events）
| 属性 | 值 | 描述 |
|---|---|---|
| onkeydown | script | 当按下按键时运行脚本 |
| onkeypress | script | 当按下并松开按键时运行脚本 |
| onkeyup | script | 当松开按键时运行脚本 |
鼠标事件（Mouse Events）
通过鼠标触发事件, 类似用户的行为:
| 属性 | 值 | 描述 |
|---|---|---|
| onclick | script | 当单击鼠标时运行脚本 |
| ondblclick | script | 当双击鼠标时运行脚本 |
| ondragNew | script | 当拖动元素时运行脚本 |
| ondragendNew | script | 当拖动操作结束时运行脚本 |
| ondragenterNew | script | 当元素被拖动至有效的拖放目标时运行脚本 |
| ondragleaveNew | script | 当元素离开有效拖放目标时运行脚本 |
| ondragoverNew | script | 当元素被拖动至有效拖放目标上方时运行脚本 |
| ondragstartNew | script | 当拖动操作开始时运行脚本 |
| ondropNew | script | 当被拖动元素正在被拖放时运行脚本 |
| onmousedown | script | 当按下鼠标按钮时运行脚本 |
| onmousemove | script | 当鼠标指针移动时运行脚本 |
| onmouseout | script | 当鼠标指针移出元素时运行脚本 |
| onmouseover | script | 当鼠标指针移至元素之上时运行脚本 |
| onmouseup | script | 当松开鼠标按钮时运行脚本 |
| onmousewheelNew | script | 当转动鼠标滚轮时运行脚本 |
| onscrollNew | script | 当滚动元素的滚动条时运行脚本 |
多媒体事件(Media Events)
通过视频（videos），图像（images）或者音频（audio） 触发该事件，多应用于HTML媒体元素比如 <audio>, <embed>, <img>, <object>, 和<video>):
| 属性 | 值 | 描述 |
|---|---|---|
| onabort | script | 当发生中止事件时运行脚本 |
| oncanplayNew | script | 当媒介能够开始播放但可能因缓冲而需要停止时运行脚本 |
| oncanplaythroughNew | script | 当媒介能够无需因缓冲而停止即可播放至结尾时运行脚本 |
| ondurationchangeNew | script | 当媒介长度改变时运行脚本 |
| onemptiedNew | script | 当媒介资源元素突然为空时（网络错误、加载错误等）运行脚本 |
| onendedNew | script | 当媒介已抵达结尾时运行脚本 |
| onerrorNew | script | 当在元素加载期间发生错误时运行脚本 |
| onloadeddataNew | script | 当加载媒介数据时运行脚本 |
| onloadedmetadataNew | script | 当媒介元素的持续时间以及其他媒介数据已加载时运行脚本 |
| onloadstartNew | script | 当浏览器开始加载媒介数据时运行脚本 |
| onpauseNew | script | 当媒介数据暂停时运行脚本 |
| onplayNew | script | 当媒介数据将要开始播放时运行脚本 |
| onplayingNew | script | 当媒介数据已开始播放时运行脚本 |
| onprogressNew | script | 当浏览器正在取媒介数据时运行脚本 |
| onratechangeNew | script | 当媒介数据的播放速率改变时运行脚本 |
| onreadystatechangeNew | script | 当就绪状态（ready-state）改变时运行脚本 |
| onseekedNew | script | 当媒介元素的定位属性 [1] 不再为真且定位已结束时运行脚本 |
| onseekingNew | script | 当媒介元素的定位属性为真且定位已开始时运行脚本 |
| onstalledNew | script | 当取回媒介数据过程中（延迟）存在错误时运行脚本 |
| onsuspendNew | script | 当浏览器已在取媒介数据但在取回整个媒介文件之前停止时运行脚本 |
| ontimeupdateNew | script | 当媒介改变其播放位置时运行脚本 |
| onvolumechangeNew | script | 当媒介改变音量亦或当音量被设置为静音时运行脚本 |
| onwaitingNew | script | 当媒介已停止播放但打算继续播放时运行脚本 |
其他事件
| 属性 | 值 | 描述 |
|---|---|---|
| onshowNew | script | 当 <menu> 元素在上下文显示时触发 |
| ontoggleNew | script | 当用户打开或关闭 <details> 元素时触发 |
| 2.返回顶部 |
| 3.返回顶部 |
| 4.返回顶部 |
| 5.返回顶部 |
| 6.返回顶部 |
 |
作者：ylbtech 出处：http://ylbtech.cnblogs.com/ 本文版权归作者和博客园共有，欢迎转载，但未经作者同意必须保留此段声明，且在文章页面明显位置给出原文连接，否则保留追究法律责任的权利。 |
HTML-参考手册: HTML 事件属性的更多相关文章
- DOM参考手册及事件参考手册
给全局HTML DOM元素增加函数的方法 HTMLElement.prototype.hasClass = function (className) { return new RegExp(" ...
- javascript进击（九）参考手册
完整的 Number 对象参考手册 如需可用于 Number 对象的所有属性和方法的完整参考,请访问我们的 Number 对象参考手册. 该参考手册包含每个属性和方法的描述和实例. 完整的 Strin ...
- jQuery 效果函数，jquery文档操作，jQuery属性操作方法，jQuerycss操作函数，jQuery参考手册-事件，jQuery选择器
jQuery 效果函数 方法 描述 animate() 对被选元素应用“自定义”的动画 clearQueue() 对被选元素移除所有排队的函数(仍未运行的) delay() 对被选元素的所有排队函数( ...
- 浏览器端-W3School-JavaScript：JavaScript 事件参考手册
ylbtech-浏览器端-W3School-JavaScript:JavaScript 事件参考手册 1.返回顶部 1. JavaScript 事件参考手册 事件通常与函数配合使用,这样就可以通过发生 ...
- AngularJS 参考手册
AngularJS 参考手册 AngularJS 指令 本教程用到的 AngularJS 指令 : 指令 描述 ng-app 定义应用程序的根元素. ng-bind 绑定 HTML 元素到应用程序数据 ...
- jQuery MiniUI 开发指南+API组件参考手册
jQuery MiniUI 开发指南 本文档将逐步的讲解jQuery MiniUI的方方面面,从此您将踏上jQuery MiniUI的深入探索之旅. 1.Hello M ...
- Google地图接口API之Google地图 API 参考手册(七)
Google 地图API 参考手册 地图 构造函数/对象 描述 Map() 在指定的 HTML 容器中创建新的地图,该容器通常是一个DIV元素. 叠加层 构造函数/对象 描述 Marker 创建一个标 ...
- nesC 语言参考手册
1 简介 nesC 是对 C 的扩展 ,它基于体现 TinyOS 的结构化概念和执行模型而设计. TinyOS 是为传感器网络节点而设计的一个事件驱动的操作系统,传感器网络节点拥有非常有限的资源 ( ...
- HTML 内嵌JS脚本、相关参考手册
提供一个JS.HTML参考手册入口:http://www.w3school.com.cn/jsref/index.asp. JavaScript 最常用于图片操作.表单数据处理以及内容动态更新. &l ...
随机推荐
- （二）linux内核准备及编译
1. 内核下载地址 linux内核网站,可以拿到最新的和最近的稳定版本内核: https://www.kernel.org/ 通过网站下载压缩包后解压或者使用git下载到本地: git clone h ...
- git开发实战：认识git
git简介: git是分布式版本控制系统,相比较svn相比,git会在本地保存完整的提交记录,即使远程服务器宕机数据消失,可以将本地分支提交到远程服务器,本地分支会保存完整的记录.只要文件提交到git ...
- 13. Jmeter-定时器
Jmeter-定时器介绍与使用 固定定时器 Uniform Random Timer Precise Throughput Timer Constant Throughput Timer 高斯随机定时 ...
- CF561做题
C题: 一期思路:我们发现如果x,y满足条件,那么{x,-y} {-x,y} {-x,-y}也满足条件.那么我们可以只讨论|x| |y|是否满足条件,如果满足条件,那么对ans的贡献是|x|出现次数* ...
- 01、python的基础-->while循环应用
1.简单的输出小程序 name = input('请输入你的名字:') age = input('请输入你的年龄:') print('我的名字叫'+name,'我今年'+ age + '岁') 2.w ...
- __attribute__ ((packed))字节对齐
1. __attribute__ ((packed)) 的作用就是告诉编译器取消结构在编译过程中的优化对齐,按照实际占用字节数进行对齐,是GCC特有的语法.这个功能是跟操作系统没关系,跟编译器有关,g ...
- 哪些文件在vue项目中很重要,哪些可以删掉
是时候告诉你重要文件是哪些了,这是一个陆游,所以 需要路由配置 index.js 路由配置文件是index.js注意这个文件最开始就在集成路由了 然后最开始集成路由的地方可以不写后缀名字,因此注意这个 ...
- SCAU大二上Java综合性实验
一.题目要求 实验内容: 1. 已经提供的原始数据:班级成绩单文件 该文件为文本文件,存储某个班的所有学生某门课程的成绩. 例如:2012级计算机科学与技术8班-面向对象程序设计.txt 文件中每行存 ...
- Python运行出现：ModuleNotFoundError: No module named 'logbook'，解决办法
ModuleNotFoundError: No module named 'xlrd' ModuleNotFoundError: No module named 'xlwt' AttributeErr ...
- XX-net 3.11.9 登陆Google等出现没有开启cookie的问题
糟糕!您的浏览器似乎禁用了 Cookie.请务必启用 Cookie 或尝试打开一个新的浏览器窗口. 出现这个问题解决方法: 1.配置好X-tunnel,即登录账号2.打开谷歌浏览器或者你用的浏览器,设 ...