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 相关文章推荐
纯CSS实现的大小渐变、渐远效果
Apr 15 HTML / CSS
CSS3中线性颜色渐变的一些实现方法
Jul 14 HTML / CSS
如何在网站上添加谷歌定位信息
Apr 16 HTML / CSS
用html5实现语音搜索框的方法
Mar 18 HTML / CSS
HTML5+css3:3D旋转木马效果相册
Jan 03 HTML / CSS
canvas因为图片资源不在同一域名下而导致的跨域污染画布的解决办法
Jan 18 HTML / CSS
HTML5手指下滑弹出负一屏阻止移动端浏览器内置下拉刷新功能的实现代码
Apr 10 HTML / CSS
HTML5 video循环播放多个视频的方法步骤
Aug 06 HTML / CSS
html5小程序飞入购物车(抛物线绘制运动轨迹点)
Oct 19 HTML / CSS
Html5新增了哪些功能
Apr 16 HTML / CSS
css实现两栏布局,左侧固定宽,右侧自适应的多种方法
Aug 07 HTML / CSS
CSS Transition通过改变Height实现展开收起元素
Aug 07 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 Smarty生成EXCEL文档的代码
2008/08/23 PHP
PHP定时任务获取微信access_token的方法
2016/10/10 PHP
jquery 简短右键菜单 多浏览器兼容
2010/01/01 Javascript
利用onresize使得div可以随着屏幕大小而自适应的代码
2010/01/15 Javascript
jquery multiSelect 多选下拉框
2010/07/09 Javascript
jQuery使用动态渲染表单功能完成ajax文件下载
2013/01/15 Javascript
jQuery自动切换/点击切换选项卡效果的小例子
2013/08/12 Javascript
可选择和输入的下拉列表框示例
2013/11/05 Javascript
浅析JavaScript中的隐式类型转换
2013/12/05 Javascript
Javascript让DEDECMS告别手写Tag
2014/09/01 Javascript
jQuery实现高亮显示的方法
2015/03/10 Javascript
nodejs实现获取某宝商品分类
2015/05/28 NodeJs
Linux使用Node.js建立访问静态网页的服务实例详解
2017/03/21 Javascript
JavaScrpt中如何使用 cookie 设置查看与删除功能
2017/07/09 Javascript
vue使用drag与drop实现拖拽的示例代码
2017/09/07 Javascript
还不懂递归?读完这篇文章保证你会懂
2018/07/29 Javascript
vue基于element的区间选择组件
2018/09/07 Javascript
详解Vue前端对axios的封装和使用
2019/04/01 Javascript
浅谈Javascript中的对象和继承
2019/04/19 Javascript
vue实现标签云效果的方法详解
2019/08/28 Javascript
卸载vue2.0并升级vue_cli3.0的实例讲解
2020/02/16 Javascript
浅谈vue中$bus的使用和涉及到的问题
2020/07/28 Javascript
[01:00:44]DOTA2上海特级锦标赛主赛事日 - 3 败者组第三轮#1COL VS Alliance第三局
2016/03/04 DOTA
Python3 assert断言实现原理解析
2020/03/02 Python
python实现程序重启和系统重启方式
2020/04/16 Python
python 多线程共享全局变量的优劣
2020/09/24 Python
使用Django的JsonResponse返回数据的实现
2021/01/15 Python
英国足球店:UK Soccer Shop
2017/11/19 全球购物
Bibloo奥地利:购买女装、男装、童装、鞋和配件
2018/10/18 全球购物
酒店管理毕业生自我鉴定
2014/03/02 职场文书
群众路线教育实践活动调研报告
2014/11/03 职场文书
店铺转让协议书
2015/01/29 职场文书
回复函范文
2015/07/14 职场文书
Pytest实现setup和teardown的详细使用详解
2021/04/17 Python
MySQL into_Mysql中replace与replace into用法案例详解
2021/09/14 MySQL
Python中的matplotlib绘制百分比堆叠柱状图,并为每一个类别设置不同的填充图案
2022/04/20 Python