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之背景尺寸Background-size使用介绍
Oct 14 HTML / CSS
css3如何绘制一个圆圆的loading转圈动画
Jan 09 HTML / CSS
CSS3 真的会替代 SCSS 吗
Mar 09 HTML / CSS
20佳惊艳的HTML5应用程序示例分享
May 03 HTML / CSS
HTML5梦幻之旅——炫丽的流星雨效果实现过程
Aug 06 HTML / CSS
HTML5 创建canvas元素示例代码
Jun 04 HTML / CSS
html5使用canvas画空心圆与实心圆
Dec 15 HTML / CSS
html5 canvas绘制矩形和圆形的实例代码
Jun 16 HTML / CSS
Html5 canvas实现粒子时钟的示例代码
Sep 06 HTML / CSS
Canvas多边形绘制的实现方法
Aug 05 HTML / CSS
使用Html5 Stream开发实时监控系统
Jun 02 HTML / CSS
html+css实现分层金字塔的实例
Jun 02 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
DC漫画《蝙蝠侠和猫女》图透 猫女怀孕老爷当爹
2020/04/09 欧美动漫
完美解决thinkphp验证码出错无法显示的方法
2014/12/09 PHP
PHP实现一个按钮点击上传多个图片操作示例
2020/01/23 PHP
JavaScript 仿关机效果的图片层
2008/12/26 Javascript
javascript获得CheckBoxList选中的数量
2009/10/27 Javascript
javascript放大镜效果的简单实现
2013/12/09 Javascript
javascript对话框使用方法(警告框 javascript确认框 提示框)
2014/01/07 Javascript
JS图片自动轮换效果实现思路附截图
2014/04/30 Javascript
使用JavaScript获取地址栏参数的方法
2014/12/19 Javascript
JS组件Bootstrap Table布局详解
2016/05/27 Javascript
bootstrap3使用bootstrap datetimepicker日期插件
2017/05/24 Javascript
Vue-Cli中自定义过滤器的实现代码
2017/08/12 Javascript
解决VUE框架 导致绑定事件的阻止冒泡失效问题
2018/02/24 Javascript
[01:56]《DOTA2》中文配音CG
2013/04/22 DOTA
[05:05]DOTA2亚洲邀请赛 战队出场仪式
2015/02/07 DOTA
python使用matplotlib绘制折线图教程
2017/02/08 Python
python 基本数据类型占用内存空间大小的实例
2018/06/12 Python
完美解决python中ndarray 默认用科学计数法显示的问题
2018/07/14 Python
浅谈Python小波分析库Pywavelets的一点使用心得
2019/07/09 Python
scikit-learn线性回归,多元回归,多项式回归的实现
2019/08/29 Python
python滑块验证码的破解实现
2019/11/10 Python
在OpenCV里使用Camshift算法的实现
2019/11/22 Python
Python OpenCV视频截取并保存实现代码
2019/11/30 Python
深入浅析pycharm中 Make available to all projects的含义
2020/09/15 Python
css3进阶之less实现星空动画的示例代码
2019/09/10 HTML / CSS
Canvas实现放大镜效果完整案例分析(附代码)
2020/11/26 HTML / CSS
夏洛特和乔治婴儿和儿童时装精品店:Charlotte and George
2018/06/06 全球购物
工程造价与财务管理专业应届生求职信
2013/10/06 职场文书
实习单位接收函模板
2014/01/10 职场文书
行政办公室岗位职责
2014/03/18 职场文书
铁人纪念馆观后感
2015/06/16 职场文书
2016入党心得体会范文
2016/01/06 职场文书
银行岗位培训心得体会
2016/01/09 职场文书
2016优秀青年志愿者事迹材料
2016/02/25 职场文书
Python入门之使用pandas分析excel数据
2021/05/12 Python
shell进度条追踪指令执行时间的场景分析
2022/06/16 Servers