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 相关文章推荐
纯CSS3实现Material Design效果
Mar 09 HTML / CSS
CSS3实现水平居中、垂直居中、水平垂直居中的实例代码
Feb 27 HTML / CSS
CSS3动画和HTML5新特性详解
Aug 31 HTML / CSS
HTML5的文档结构和新增标签完全解析
Apr 21 HTML / CSS
Html5游戏开发之乒乓Ping Pong游戏示例(三)
Jan 21 HTML / CSS
H5 meta小结(前端必看篇)
Aug 24 HTML / CSS
使用phonegap获取位置信息的实现方法
Mar 31 HTML / CSS
详解HTML5中的picture元素响应式处理图片
Jan 03 HTML / CSS
详解html5页面 rem 布局适配方法
Jan 12 HTML / CSS
使用placeholder属性设置input文本框的提示信息
Feb 19 HTML / CSS
几款流行的HTML5 UI框架比较(小结)
Apr 08 HTML / CSS
css3 利用transform-origin 实现圆点分布在大圆上布局及旋转特效
Apr 29 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
二十行语句实现从Excel到mysql的转化
2006/10/09 PHP
php实现的仿阿里巴巴实现同类产品翻页
2009/12/11 PHP
php删除文本文件中重复行的方法
2015/04/28 PHP
PHP的Yii框架中YiiBase入口类的扩展写法示例
2016/03/17 PHP
详解CSS样式中的 !important * _ 符号
2021/03/09 HTML / CSS
jquery.autocomplete修改实现键盘上下键自动填充示例
2013/11/19 Javascript
深入浅析同源策略和跨域访问
2015/11/26 Javascript
简单谈谈Javascript函数中的arguments
2017/02/09 Javascript
提高Web性能的前端优化技巧总结
2017/02/27 Javascript
JavaScript数据结构之二叉查找树的定义与表示方法
2017/04/12 Javascript
vue学习笔记之vue1.0和vue2.0的区别介绍
2017/05/17 Javascript
js 两数组去除重复数值的实例
2017/12/06 Javascript
玩转vue的slot内容分发
2018/09/22 Javascript
vue elementUI 表单校验功能之数组多层嵌套
2019/06/04 Javascript
Python 命令行非阻塞输入的小例子
2013/09/27 Python
详解Python中的__getitem__方法与slice对象的切片操作
2016/06/27 Python
python下载文件记录黑名单的实现代码
2017/10/24 Python
利用python实现微信头像加红色数字功能
2018/03/26 Python
Python中浅拷贝copy与深拷贝deepcopy的简单理解
2018/10/26 Python
使用python将请求的requests headers参数格式化方法
2019/01/02 Python
python psutil模块使用方法解析
2019/08/01 Python
Python实现Restful API的例子
2019/08/31 Python
python程序 线程队列queue使用方法解析
2019/09/23 Python
Django将默认的SQLite更换为MySQL的实现
2019/11/18 Python
python实现小世界网络生成
2019/11/21 Python
python实现飞机大战项目
2020/03/11 Python
一款利用纯css3实现的超炫3D表单的实例教程
2014/12/01 HTML / CSS
HttpServlet类中的主要方法都有哪些?各自的作用是什么?
2014/03/16 面试题
日语专业推荐信
2013/11/12 职场文书
冰淇淋店创业计划书范文
2013/12/27 职场文书
生日邀请函范文
2014/01/13 职场文书
艾滋病宣传标语
2014/06/25 职场文书
房屋租赁合同解除协议书
2014/10/11 职场文书
2015年党员公开承诺书范文
2015/01/22 职场文书
音乐会主持人开场白
2015/05/28 职场文书
win11系统中dhcp服务异常什么意思? Win11 DHCP服务异常修复方法
2022/04/08 数码科技