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 事件指的是网页自动获 ...
随机推荐
- sample
sample是在数据源取样. val data = sc.parallelize(1 to 20) data.sample(true,0.4).collect sample第一个参数表示是否是重复抽样 ...
- Sql Server 里的向上取整、向下取整、四舍五入取整
==================================================== [四舍五入取整截取] select round(54.56,0) ============== ...
- Ready事件与Onload事件的区别
这两种事件都是在页面文档加载时触发的,但Ready比onload先执行. 具体区别如下: 1.在Javascript中,通常使用window.onload方法. window.onload必须等到页面 ...
- ural 1433. Diamonds
1433. Diamonds Time limit: 1.0 secondMemory limit: 64 MB Sasha is lucky to have a diamond in the for ...
- BZOJ3924 [Zjoi2015]幻想乡战略游戏
Description 傲娇少女幽香正在玩一个非常有趣的战略类游戏,本来这个游戏的地图其实还不算太大,幽香还能管得过来,但是不知道为什么现在的网游厂商把游戏的地图越做越大,以至于幽香一眼根本看不过来, ...
- IIS7 Appcmd.exe 使用
如果您运行的是 64 位 Windows,请从 %windir%\system32\inetsrv 目录而不是 %windir%\syswow64\inetsrv 目录中使用 Appcmd.exe. ...
- Webscan360的防御与绕过
这两天给360做了一个webscan360的总结,结果补丁还没有出来,就被人公布到了91org上面,既然公开了,那我就做一个总结 首先我们贴上它最新的防御正则 \<.+javascript:wi ...
- 当PHP引擎试图实例化一个未知类的操作
在PHP开发过程中,如果希望从外部引入一个class,通常会使用include和require方法,去把定义这个class的文件包含进来,但是这样可能会使得在引用文件的新脚本中,存在大量的includ ...
- [转]如何在 Visual Studio 中使用 Git 同步代码到 CodePlex
本文转自:http://www.cnblogs.com/stg609/p/3673782.html 开源社区不管在国内还是国外都很火热,微软也曾因为没有开源而倍受指责,但是随着 .Net framew ...
- 在Excel中实现查询功能
$sn = Read-Host -Prompt "请输入员工号|序列号|资产号" $xl = New-Object -ComObject "Excel.Applicati ...