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 相关文章推荐
10个很棒的 CSS3 开发工具 推荐
May 16 HTML / CSS
css3的@media属性实现页面响应式布局示例代码
Feb 10 HTML / CSS
基于CSS3实现立方体自转效果
Mar 01 HTML / CSS
CSS3制作皮卡丘动画壁纸的示例
Nov 02 HTML / CSS
浅谈HTML5 defer和async的区别
Jun 07 HTML / CSS
用HTML5 Canvas API中的clearRect()方法实现橡皮擦功能
Mar 15 HTML / CSS
html5 touch事件实现页面上下滑动效果【附代码】
Mar 10 HTML / CSS
Html5大文件断点续传实现方法
Dec 05 HTML / CSS
通过HTML5 Canvas API绘制弧线和圆形的教程
Mar 14 HTML / CSS
AmazeUI的JS表单验证框架实战示例分享
Aug 21 HTML / CSS
详解HTML5中CSS外观属性
Sep 10 HTML / CSS
Html5移动端网页端适配(js+rem)
Feb 03 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基于Fleaphp框架实现cvs数据导入MySQL的方法
2016/02/23 PHP
Symfony2学习笔记之模板用法详解
2016/03/17 PHP
PHP 中TP5 Request 请求对象的实例详解
2017/07/31 PHP
经验几则 推荐
2006/09/05 Javascript
javascript 处理事件绑定的一些兼容写法
2009/12/24 Javascript
javascript date格式化示例
2013/09/25 Javascript
js自动生成对象的属性示例代码
2013/10/28 Javascript
jQuery实现可编辑的表格实例讲解(2)
2015/09/17 Javascript
JavaScript和jQuery制作光棒效果
2017/02/24 Javascript
搭建一个Koa后端项目脚手架的方法步骤
2019/05/30 Javascript
JavaScript模块管理的简单实现方式详解
2019/06/15 Javascript
p5.js绘制创意自画像
2019/11/04 Javascript
vue cli 3.0通用打包配置代码,不分一二级目录
2020/09/02 Javascript
vue 基于abstract 路由模式 实现页面内嵌的示例代码
2020/12/14 Vue.js
vue+element UI实现树形表格
2020/12/29 Vue.js
[02:16]2018年度CS GO最具人气选手-完美盛典
2018/12/16 DOTA
python list使用示例 list中找连续的数字
2014/01/27 Python
用python写的一个wordpress的采集程序
2016/02/27 Python
Python 40行代码实现人脸识别功能
2017/04/02 Python
对pandas通过索引提取dataframe的行方法详解
2019/02/01 Python
python tkinter canvas 显示图片的示例
2019/06/13 Python
python标准库OS模块详解
2020/03/10 Python
Lombok插件安装(IDEA)及配置jar包使用详解
2020/11/04 Python
Python爬虫scrapy框架Cookie池(微博Cookie池)的使用
2021/01/13 Python
世界上最大的在线学习和教学市场:Udemy
2017/11/08 全球购物
领先的荷兰线上超市:荷兰之家Holland at Home(支持中文)
2021/01/21 全球购物
TecoBuy澳大利亚:在线电子和小工具商店
2020/06/25 全球购物
失业者真诚求职信范文
2013/12/25 职场文书
文明餐桌活动方案
2014/02/11 职场文书
企业家王石演讲稿:坚持与放下
2014/04/27 职场文书
村庄环境整治方案
2014/05/15 职场文书
敬老院献爱心活动总结
2014/07/08 职场文书
结婚纪念日感言
2015/08/01 职场文书
学校2016年九九重阳节活动总结
2016/04/01 职场文书
详解Spring事件发布与监听机制
2021/06/30 Java/Android
英镑符号 £
2022/02/17 杂记