HTML5的新事件
HTML 元素可拥有事件属性,这些属性在浏览器中触发行为,比如当用户单击一个 HTML 元素时启动一段 JavaScript。
HTML 元素可拥有事件属性,这些属性在浏览器中触发行为,比如当用户单击一个 HTML 元素时启动一段 JavaScript。下面列出的事件属性,可以把它们插入 HTML 标签来定义事件行为。
HTML 5 中的新事件:onabort, onbeforeunload, oncontextmenu, ondrag, ondragend, ondragenter, ondragleave, ondragover, ondragstart, ondrop, onerror, onmessage, onmousewheel, onresize, onscroll, onunload。
不再支持的 HTML 4.01 属性:onreset
属性如下:
| 属性 | 值 | 描述 | 4 | 5 |
|---|---|---|---|---|
| onabort | script | 发生 abort 事件时运行脚本。 | 5 | |
| onbeforeonload | script | 在元素加载前运行脚本。 | 5 | |
| onblur | script | 当元素失去焦点时运行脚本。 | 4 | 5 |
| onchange | script | 当元素改变时运行脚本。 | 4 | 5 |
| onclick | script | 在鼠标点击时允许脚本。 | 4 | 5 |
| oncontextmenu | script | 当菜单被触发时运行脚本。 | 5 | |
| ondblclick | script | 当鼠标双击时运行脚本。 | 4 | 5 |
| ondrag | script | 只要脚本在被拖动就允许脚本。 | 5 | |
| ondragend | script | 在拖动操作结束时运行脚本。 | 5 | |
| ondragenter | script | 当元素被拖动到一个合法的放置目标时,执行脚本。 | 5 | |
| ondragleave | script | 当元素离开合法的放置目标时。 | 5 | |
| ondragover | script | 只要元素正在合法的放置目标上拖动时,就执行脚本。 | 5 | |
| ondragstart | script | 在拖动操作开始时执行脚本。 | 5 | |
| ondrop | script | 当元素正在被拖动时执行脚本。 | 5 | |
| onerror | script | 当元素加载的过程中出现错误时执行脚本。 | 5 | |
| onfocus | script | 当元素获得焦点时执行脚本。 | 4 | 5 |
| onkeydown | script | 当按钮按下时执行脚本。 | 4 | 5 |
| onkeypress | script | 当按键被按下时执行脚本。 | 4 | 5 |
| onkeyup | script | 当按钮松开时执行脚本。 | 4 | 5 |
| onload | script | 当文档加载时执行脚本。 | 4 | 5 |
| onmessage | script | 当 message 事件触发时执行脚本。 | 5 | |
| onmousedown | script | 当鼠标按钮按下时执行脚本。 | 4 | 5 |
| onmousemove | script | 当鼠标指针移动时执行脚本。 | 4 | 5 |
| onmouseover | script | 当鼠标指针移动到一个元素上时执行脚本。 | 4 | 5 |
| onmouseout | script | 当鼠标指针移出元素时执行脚本。 | 4 | 5 |
| onmouseup | script | 当鼠标按钮松开时执行脚本。 | 4 | 5 |
| onmousewheel | script | 当鼠标滚轮滚动时执行脚本。 | 5 | |
| onreset | script | 当表单重置时执行脚本。不支持。 | 4 | |
| onresize | script | 当元素调整大小时运行脚本。 | 5 | |
| onscroll | script | 当元素滚动条被滚动时执行脚本。 | 5 | |
| onselect | script | 当元素被选中时执行脚本。 | 4 | 5 |
| onsubmit | script | 当表单提交时运行脚本。 | 4 | 5 |
| onunload | script | 当文档卸载时运行脚本。 | 5 |
HTML5的新事件的更多相关文章
- HTML5中新添加事件
HTML5中新添加了很多事件,但是由于他们的兼容问题不是很理想,应用实战性不是太强,所以在这里基本省略,咱们只分享应用广泛兼容不错的事件,日后随着兼容情况提升以后再陆续添加分享.今天为大家介绍的事件主 ...
- H5案例分享:html5重力感应事件
html5重力感应事件 一.手机重力感应图形分析 1.设备围绕z轴的旋转角度为α,α角度的取值范围在[0,360). 设备在初始位置,与地球(XYZ)和身体(XYZ)某个位置对齐. 设备围绕z轴的旋转 ...
- HTML5的touch事件
HTML5中新添加了很多事件,但是由于他们的兼容问题不是很理想,应用实战性不是太强,所以在这里基本省略,咱们只分享应用广泛兼容不错的事件,日后随着兼容情况提升以后再陆续添加分享.今天为大家介绍的事件主 ...
- HTML5的新特性
HTML5 中的一些有趣的新特性: 用于绘画的 canvas 元素 用于媒介回放的 video 和 audio 元素 对本地离线存储的更好的支持 新的特殊内容元素,比如 article.footer. ...
- HTML5初步——新的表单元素和属性
HTML5初步--新的表单元素和属性 HTML5初步--新的表单元素和属性 <!DOCTYPE html> <html> <head> <meta chars ...
- html5重力感应事件之DeviceMotionEvent
前言 今天主要介绍一下html5重力感应事件之DeviceMotionEvent,之前我的一篇文章http://www.haorooms.com/post/jquery_jGestures, 介绍了第 ...
- HTML5服务器发送事件(Server-Send Events)
HTML5服务器发送事件是允许获得来自服务器的更新. server-sent事件-单向传递消息,表示网页自动获取来自服务器的更新. 其中有一个重要的对象,eventsource对象是用来接收服务器发送 ...
- 浅谈HTML5的新特性
2014年10月29日,W3C宣布,经过接近8年的艰苦努力,HTML5标准规范终于制定完成. HTML5将会取代1999年制定的HTML 4.01.XHTML 1.0标准,使网络标准达到符合当代的网络 ...
- HTML5 服务器发送事件(Server-Sent Events)
沈阳SEO:HTML5 服务器发送事件(server-sent event)允许网页获得来自服务器的更新. Server-Sent 事件 - 单向消息传递 Server-Sent 事件指的是网页自动获 ...
随机推荐
- 【部分原创】标准C语言的优先级、结合性、求值顺序、未定义行为和非确定行为浅析
零. 优先级 在C++ Primer一书中,对于运算符的优先级是这样描述的: Precedence specifies how the operands are grouped. It ...
- Ajax跨域通信方法
1.Jsonp.document.domain+iframe.window.name.window.postMessage.服务器上设置代理页面. 2.Jsonp(json with padding) ...
- aaaaaaaaaaaaaa
方法和事件的区别是? For(var 0 in file) Foreach(var i=0;i<length.i++) Git stash Git pull –rebase origin bra ...
- HDU4276 The Ghost Blows Light(树形DP+背包)
题目大概说一棵n个结点树,每个结点都有宝藏,走过每条边要花一定的时间,现在要在t时间内从结点1出发走到结点n,问能获得最多的宝藏是多少. 放了几天的题,今天拿出来集中精力去想,还是想出来了. 首先,树 ...
- BZOJ2837 : 小强的形状
离散化后通过树状数组求出: b[i]为i之前比它小的. c[i]为i之前比它大的=i-1-i之前小于等于它的. d[i]为i之后比它小的. e[i]为i之后比它大的=n-i-f[i]. f[i]为i之 ...
- slice、substring和substr
首先,他们都接收两个参数,slice和substring接收的是起始位置和结束位置(不包括结束位置),而substr接收的则是起始位置和所要返回的字符串长度.直接看下面例子: 1 var tes ...
- python zip enumerate函数
zip是一个内置函数, 接受两个或多个序列,并将他们拉到一起,成为一个元组列表.每个元组包含各个序列中的一个元素. s = 'abc' t = [0,1,2] zip(s,t) >>> ...
- 什么是J2EE,包括哪些规范!
J2EE平台由一整套服务(Services).应用程序接口(APIs)和协议构成,它对开发基于Web的多层应用提供了功能支持,下面对J2EE中的13种技术规范进行简单的描述(限于篇幅,这里只能进行简单 ...
- tomcat配置虚拟目录映射
本文主要介绍web虚拟目录映射的两种常用方法及配置默认web应用的方法 一.在Server.xml中进行配置 在<Host>元素中添加子元素<Context path=" ...
- HTML中为何P标签内不可包含DIV标签?
起因:在做项目时发现原本在DW中无误的代码到了MyEclipse6.0里面却提示N多错误,甚是诧异.于是究其原因,发现块级元素P内是不能嵌套DIV的. 深究:我们先来认识in-line内联元素和blo ...