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的动画按钮代码教程
Nov 23 HTML / CSS
纯CSS3制作漂亮带动画效果的主机价格表
Apr 25 HTML / CSS
CSS3制作圆形滚动进度条动画的示例
Nov 05 HTML / CSS
利用HTML5画出一个坦克的形状具体实现代码
Jun 20 HTML / CSS
HTML5在a标签内放置块级元素示例代码
Aug 23 HTML / CSS
HTML5在IE10、火狐下中文乱码问题的解决方法
Nov 18 HTML / CSS
Html5新特性用canvas标签画多条直线附效果截图
Jun 30 HTML / CSS
基于HTML5的WebGL实现json和echarts图表展现在同一个界面
Oct 26 HTML / CSS
详解px单位html5响应式方案
Mar 08 HTML / CSS
Html5导航栏吸顶方案原理与对比实现
Jun 10 HTML / CSS
css3 实现文字闪烁效果的三种方式示例代码
Apr 25 HTML / CSS
Li list-style-image 图片垂直居中实现方法
May 21 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
php 图像函数大举例(非原创)
2009/06/20 PHP
php中关于codeigniter的xmlrpc的类在进行数据交换时的类型问题
2011/07/03 PHP
一个显示某段时间内每个月的方法 返回由这些月份组成的数组
2012/05/16 PHP
微信access_token的获取开发示例
2015/04/16 PHP
关于PHP定时发送服务的解决办法
2017/04/23 PHP
使用git迁移Laravel项目至新开发环境的步骤详解
2020/04/06 PHP
再谈IE中Flash控件的自动激活 ObjectWrap
2007/03/09 Javascript
Javascript中的数学函数
2007/04/04 Javascript
document.compatMode介绍
2009/05/21 Javascript
jQuery Mobile页面跳转后未加载外部JS原因分析及解决
2013/03/18 Javascript
使用jquery解析XML的方法
2014/09/05 Javascript
一个通过script自定义属性传递配置参数的方法
2014/09/15 Javascript
使用jquery动态加载Js文件和Css文件
2015/10/24 Javascript
javascript实现数字倒计时特效
2016/03/30 Javascript
通过扫描二维码打开app的实现代码
2016/11/10 Javascript
原生js实现轮播图
2017/02/27 Javascript
jQuery滑动到底部加载下一页数据的实例代码
2017/05/22 jQuery
深入理解vuex2.0 之 modules
2017/11/20 Javascript
加载 vue 远程代码的组件实例详解
2017/11/20 Javascript
vue中uni-app 实现小程序登录注册功能
2019/10/12 Javascript
Vue使用轮询定时发送请求代码
2020/08/10 Javascript
详解Java中String JSONObject JSONArray List转换
2020/11/13 Javascript
Linux RedHat下安装Python2.7开发环境
2017/05/20 Python
python中的单引号双引号区别知识点总结
2019/06/23 Python
django认证系统 Authentication使用详解
2019/07/22 Python
详解Django admin高级用法
2019/11/06 Python
HEMA英国:荷兰原创设计
2018/08/28 全球购物
电子工程专业毕业生求职信
2014/03/14 职场文书
荷叶母亲教学反思
2014/04/30 职场文书
新闻学专业求职信
2014/07/28 职场文书
法制教育演讲稿
2014/09/10 职场文书
公司股份合作协议书
2014/12/07 职场文书
二审代理词范文
2015/05/25 职场文书
鲁滨孙漂流记读书笔记
2015/06/30 职场文书
Python实现制作销售数据可视化看板详解
2021/11/27 Python
教你如何用cmd快速登录服务器
2022/06/10 Servers