初学HTML5系列二:HTML5新增的事件属性
Window事件属性:
| 属性 | 值 | 描述 | 
|---|---|---|
| onafterprint | script | 文档打印之后运行的脚本。 属性发生于用户设置页面打印并且打印对话框已出现之后。 | 
| onbeforeprint | script | 文档打印之前运行的脚本。属性在用户已设置页面打印之后立即触发,但是在打印对话框出现之前。 | 
| onbeforeunload | script | 文档卸载之前运行的脚本。 | 
| onerror | script | 在错误发生时运行的脚本。 | 
| onhaschange | 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 时运行的脚本。 | 
Form事件:
由 HTML 表单内的动作触发的事件(应用到几乎所有 HTML 元素,但最常用在 form 元素中):
| 属性 | 值 | 描述 | 
|---|---|---|
| oncontextmenu | script | 当上下文菜单被触发时运行的脚本。 | 
| onformchange | script | 在表单改变时运行的脚本。 | 
| onforminput | script | 当表单获得用户输入时运行的脚本。 | 
| oninput | script | 当元素获得用户输入时运行的脚本。 | 
| oninvalid | script | 当元素无效时运行的脚本。 | 
| onreset | script | 当表单中的重置按钮被点击时触发。HTML5 中不支持。 | 
Keyboard事件还和之前一样,没有什么变化。
Mouse事件:
由鼠标或类似用户动作触发的事件:
| 属性 | 值 | 描述 | 
|---|---|---|
| ondrag | script | 元素被拖动时运行的脚本。 | 
| ondragend | script | 在拖动操作末端运行的脚本。 | 
| ondragenter | script | 当元素元素已被拖动到有效拖放区域时运行的脚本。 | 
| ondragleave | script | 当元素离开有效拖放目标时运行的脚本。 | 
| ondragover | script | 当元素在有效拖放目标上正在被拖动时运行的脚本。 | 
| ondragstart | script | 在拖动操作开端运行的脚本。 | 
| ondrop | script | 当被拖元素正在被拖放时运行的脚本。 | 
| onmousewheel | script | 当鼠标滚轮正在被滚动时运行的脚本。 | 
| onscroll | script | 当元素滚动条被滚动时运行的脚本。 | 
Media事件:
由媒介(比如视频、图像和音频)触发的事件(适用于所有 HTML 元素,但常见于媒介元素中,比如 <audio>、<embed>、<img>、<object> 以及 <video>):
| 属性 | 值 | 描述 | 
|---|---|---|
| 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 | 每当音量改变时(包括将音量设置为静音)时运行的脚本。 | 
初学HTML5系列二:HTML5新增的事件属性的更多相关文章
- HTML5系列:HTML5与HTML4的区别
		1. 语法的改变 1.1 DOCTYPE声明 DOCTYPE声明在HTML文件中必不可少,位于文件第一行. HTML4中声明方法: <!DOCTYPE html PUBLIC "-// ... 
- HTML5系列二(标签元素、FileReader、拖放)
		nav元素的使用场合 页面中可以包含多个nav元素,通常情况下头部和尾部都会包含导航,这样提高了可访问性,访客能够清晰的将其辨认出来.nav元素是一个可以用来作为页面导航的链接组:其中的导航元素链接到 ... 
- HTML5系列:HTML5绘图
		1. canvas元素基础 canvas元素是HTML5中新增的一个重要元素,专门用来绘制图形. 在页面中使用canvas元素绘制图形需要经过的三个步骤: 步骤一 使用canvas元素创建一个画布区 ... 
- HTML5系列:HTML5本地存储
		1. Web Storage存储 HTML4在客户端存储数据通常使用Cookie存储机制将数据保存在用户的客户端,但使用Cookie方式存储客户端数据存在一系列的制约发展因素,如限制存储数据空间大小. ... 
- HTML5系列:HTML5结构
		1. 主体结构元素 在HTML5中,为了使文档的结构更加清晰明确,增加几个与页眉.页脚.内容区块等文档结构相关联的结构元素. 1.1 article元素 article元素表示文档.页面或应用程序中独 ... 
- HTML5系列:HTML5表单
		1. input元素新增类型 url类型 url类型的input元素是一种用来输入url的文本框,提交时如果该文本框中内容不是url格式,则不允许提交. <input type="ur ... 
- html5新增及废除属性
		html5中,在新增加和废除很多元素的同时,也增加和废除了很多属性. 一.新增属性 1.表单属性 a.autofocus 对input[所有类型].select.textarea与button指定au ... 
- 初学HTML5系列三:事件
		Window 事件属性 针对 window 对象触发的事件(应用到 <body> 标签): 属性 值 描述 onafterprint script 文档打印之后运行的脚本. onbefor ... 
- Web 开发精华文章集锦(jQuery、HTML5、CSS3)【系列二十七】
		<Web 前端开发精华文章推荐>2014年第6期(总第27期)和大家见面了.梦想天空博客关注 前端开发 技术,分享各类能够提升网站用户体验的优秀 jQuery 插件,展示前沿的 HTML5 ... 
随机推荐
- 教程:使用 MongoDB、WCF、OData 和 PowerBI 构建 Azure 上的商业智能解决方案
			 发布于 2014-05-20 作者 陈 忠岳 目录 概述 前提条件 创建 Windows Server 2012 Datacenter 虚拟机 通过 WCF(Windows Communicat ... 
- [资源共享]C#+AE构建GIS桌面端应用系统框架-全代码
			转自:http://www.cnblogs.com/gispeng/archive/2008/10/06/1304534.html [资源共享]C#+AE构建GIS桌面端应用系统框架-全代码 ( ... 
- linux btp 服务器 端及客户端配置
			Server端/etc/ntp.conf 
- Linux下Nginx的安装、升级及动态添加模块
			系统基于ubuntu server 14.04.4 amd64 安装 第一步 下载并解压Nginx压缩包 从Nginx官网下载Nginx,或者在Linux上执行wget http://nginx.or ... 
- 1  weekend110的Linux带图形系统安装 + 网络配置 + 静态IP设置
			一.weekend110的Linux带图形系统安装 二.网络配置 明明是配置好的啊,只能说是域名出现问题了, 出现ping:unknow host www.baidu.com的问题解决 解决Ubunt ... 
- Lesson: Introduction to JAXP
			The Java API for XML Processing (JAXP) is for processing XML data using applications written in the ... 
- Gradle DSL method found: ‘android()’错误
			Gradle DSL method found: ‘android()’错误 和上个错误一样这个也是因为在新版本的Gradle中android()方法已经废弃,但是要注意android()只是在整个项 ... 
- java模拟DVD管理器
			import java.util.*;import java.text.*;class DVDSet{ String[] name = new String[50]; //名字 int[] ... 
- ios 记录支付宝集成遇到的坑及解决方法
			今天项目中要开始动手集成支付宝支付,在此小结一下.(目前新版的支付宝SDK有较大改版,去集成还需要自己去开发平台详细的按照集成步骤来完成https://doc.open.alipay.com/docs ... 
- hdu 4523 威威猫系列故事——过生日 小模拟
			威威猫系列故事——过生日 Time Limit: 500/200 MS (Java/Others) Memory Limit: 65535/32768 K (Java/Others) Total ... 
