HTML5 新事件 小结


Posted in HTML / CSS onJuly 16, 2009

HTML 元素可拥有事件属性,这些属性在浏览器中触发行为,比如当用户单击一个 HTML 元素时启动一段 JavaScript。下面列出的事件属性,可以把它们插入 HTML 标签来定义事件行为。

HTML 4.01 与 HTML 5 之间的差异

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
HTML / CSS 相关文章推荐
让IE支持CSS3的不完全兼容方案
Sep 19 HTML / CSS
实例讲解CSS3中的border-radius属性
Aug 18 HTML / CSS
纯CSS3大转盘抽奖示例代码(响应式、可配置)
Jan 13 HTML / CSS
详解CSS3媒体查询响应式布局bootstrap 框架原理实战(推荐)
Nov 16 HTML / CSS
HTML5 贪吃蛇游戏实现思路及源代码
Sep 03 HTML / CSS
html5适合移动应用开发的12大特性
Mar 19 HTML / CSS
HTML5 画布canvas使用方法
Mar 18 HTML / CSS
【HTML5】Canvas绘制简单图片教程
May 13 HTML / CSS
解决HTML5手机端页面缩放的问题
Oct 27 HTML / CSS
使用canvas压缩图片上传的方法示例
Feb 07 HTML / CSS
h5页面背景图很长要有滚动条滑动效果的实现
Jan 27 HTML / CSS
css3属性选择器 “~”(波浪号) “,”(逗号) “+”(加号)和 “>”(大于号)
Apr 19 HTML / CSS
html5 标签
Jul 16 #HTML / CSS
HTML5 Canvas标签使用收录
Jul 07 #HTML / CSS
HTML5 Canvas 起步(2) - 路径
May 12 #HTML / CSS
HTML5 Canvas 起步(1) - 基本概念
May 12 #HTML / CSS
W3C公布最新的HTML5标准草案
Oct 17 #HTML / CSS
HTML5中的新元素介绍
Oct 17 #HTML / CSS
自定义html标记替换html5新增元素
Oct 17 #HTML / CSS
You might like
phpmyadmin 3.4 空密码登录的实现方法
2010/05/29 PHP
WordPress用户登录框密码的隐藏与部分显示技巧
2015/12/31 PHP
PHP curl 或 file_get_contents 获取需要授权页面的方法
2017/05/05 PHP
PHP 网站修改默认访问文件的nginx配置
2017/05/27 PHP
tp5框架无刷新分页实现方法分析
2019/09/26 PHP
利用百度地图JSAPI生成h7n9禽流感分布图实现代码
2013/04/15 Javascript
jQuery插件的写法分享
2013/06/12 Javascript
使用typeof判断function是否存在于上下文
2014/08/14 Javascript
js仿土豆网带缩略图的焦点图片切换效果实现方法
2015/02/23 Javascript
JavaScript将字符串转换成字符编码列表的方法
2015/03/19 Javascript
浅谈jQuery构造函数分析
2015/05/11 Javascript
Node.js如何自动审核团队的代码
2016/07/20 Javascript
AngularJS之页面跳转Route实例代码
2017/03/10 Javascript
angularjs中回车键触发某一事件的方法
2017/04/24 Javascript
JavaScript键盘事件常见用法实例分析
2019/01/03 Javascript
jQuery实现提交表单时不提交隐藏div中input的方法
2019/10/08 jQuery
微信小程序实现上传多张图片、删除图片
2020/07/29 Javascript
python保存字符串到文件的方法
2015/07/01 Python
Python中在for循环中嵌套使用if和else语句的技巧
2016/06/20 Python
Python安装模块的常见问题及解决方法
2018/02/05 Python
Python的UTC时间转换讲解
2019/02/26 Python
Python TCP通信客户端服务端代码实例
2019/11/21 Python
html5中使用hotcss.js实现手机端自适配的方法
2020/04/23 HTML / CSS
玩具反斗城美国官网:Toys"R"Us
2016/09/17 全球购物
aden + anais英国官网:美国婴儿贴身用品品牌
2019/09/08 全球购物
阿拉伯时尚购物网站:Nisnass
2021/02/07 全球购物
应届行政管理专业个人自我评价
2013/12/28 职场文书
校园十佳歌手策划书
2014/01/22 职场文书
导师推荐信范文
2014/05/09 职场文书
中国梦口号
2014/06/13 职场文书
2014企业年终工作总结
2014/12/23 职场文书
小学语文教师年度考核个人总结
2015/02/05 职场文书
美德少年事迹材料(2016推荐版)
2016/02/25 职场文书
Java并发编程之原子性-Atomic的使用
2022/03/16 Java/Android
【海涛解说】pis亲自推荐,其实你从来不会玩NW
2022/04/01 DOTA
聊聊mysql都有哪几种分区方式
2022/04/13 MySQL