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 相关文章推荐
8款使用 CSS3 实现超炫的 Loading(加载)的动画效果
Mar 17 HTML / CSS
初探CSS3中的calc()功能
Jul 14 HTML / CSS
详解CSS3 rem(设置字体大小) 教程
Nov 21 HTML / CSS
10分钟理解CSS3 Grid布局
Dec 20 HTML / CSS
HTML5+CSS3实现无插件拖拽上传图片(支持预览与批量)
Jan 05 HTML / CSS
使用CSS实现弹性视频html5案例实践
Dec 26 HTML / CSS
HTML5 离线应用之打造零请求、无流量网站的解决方法
Apr 25 HTML / CSS
Canvas系列之滤镜效果
Feb 12 HTML / CSS
html5实现输入框fixed定位在屏幕最底部兼容性
Jul 03 HTML / CSS
AmazeUI 评论列表的实现示例
Aug 13 HTML / CSS
如何查看浏览器对html5的支持情况
Dec 15 HTML / CSS
HTML5在微信内置浏览器下右上角菜单的调整字体导致页面显示错乱的问题
Jan 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
php session应用实例 登录验证
2009/03/16 PHP
php报表之jpgraph柱状图实例代码
2011/08/22 PHP
php中try catch捕获异常实例详解
2014/11/21 PHP
PHP5.2下preg_replace函数的问题
2015/05/08 PHP
JavaScript学习笔记(二) js对象
2011/10/25 Javascript
js判断变量是否未定义的代码
2020/03/28 Javascript
Javascript中自动切换焦点实现代码
2012/12/15 Javascript
使用jQuery内容过滤选择器选择元素实例讲解
2013/04/18 Javascript
javascript中RegExp保留小数点后几位数的方法分享
2013/08/13 Javascript
js获取当前月的第一天和最后一天的小例子
2013/11/18 Javascript
表格奇偶行设置不同颜色的核心JS代码
2013/12/24 Javascript
ListBox实现上移,下移,左移,右移的简单实例
2014/02/13 Javascript
jquery实现表单验证简单实例演示
2015/11/23 Javascript
浅析javascript的return语句
2015/12/15 Javascript
在网页中插入百度地图的步骤详解
2016/12/02 Javascript
Vue在 Nuxt.js 中重定向 404 页面的方法
2019/04/23 Javascript
ES5和ES6中类的区别总结
2020/12/21 Javascript
python 生成器协程运算实例
2017/09/04 Python
Django框架封装外部函数示例
2019/05/28 Python
Python对列表的操作知识点详解
2019/08/20 Python
详解Python3迁移接口变化采坑记
2019/10/11 Python
Python turtle画图库&&画姓名实例
2020/01/19 Python
详解CSS3伸缩布局盒模型Flex布局
2018/08/20 HTML / CSS
canvas像素点操作之视频绿幕抠图
2018/09/11 HTML / CSS
html5小程序飞入购物车(抛物线绘制运动轨迹点)
2020/10/19 HTML / CSS
Stefania Mode美国:奢华设计师和时尚服装
2018/01/07 全球购物
Myprotein荷兰官网:欧洲第一运动营养品牌
2020/07/11 全球购物
人力资源部培训专员岗位职责
2014/01/02 职场文书
创业计划书如何吸引他人眼球
2014/01/10 职场文书
办理暂住证介绍信
2014/01/11 职场文书
应用英语专业自荐信
2014/01/26 职场文书
旺仔牛奶广告词
2014/03/20 职场文书
公司试用期员工自我评价
2014/09/17 职场文书
2015年班主任个人工作总结
2015/03/31 职场文书
闪闪的红星观后感
2015/06/08 职场文书
matplotlib如何设置坐标轴刻度的个数及标签的方法总结
2021/06/11 Python