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无js实现的Android Logo(有简单动画)
Jan 21 HTML / CSS
css3中背景尺寸background-size详解
Sep 02 HTML / CSS
CSS3制作hover下划线动画
Mar 27 HTML / CSS
css3 利用transform打造走动的2D时钟
Oct 20 HTML / CSS
CSS3中animation实现流光按钮效果
Dec 21 HTML / CSS
html5 touch事件实现页面上下滑动效果【附代码】
Mar 10 HTML / CSS
HTML5的结构和语义(1):前言
Oct 17 HTML / CSS
html5声频audio和视频video等新特性详细说明
Dec 26 HTML / CSS
Html5应用程序缓存(Cache manifest)
Jun 04 HTML / CSS
html5给汉字加拼音加进度条的实现代码
Apr 07 HTML / CSS
css3中transform属性实现的4种功能
Aug 07 HTML / CSS
bootstrapv4轮播图去除两侧阴影及线框的方法
Feb 15 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
Apache2 httpd.conf 中文版
2006/11/17 PHP
PHP 输出简单动态WAP页面
2009/06/09 PHP
jQuery Mobile + PHP实现文件上传
2014/12/12 PHP
PHP callback函数使用方法和注意事项
2015/01/23 PHP
PHP递归调用数组值并用其执行指定函数的方法
2015/04/01 PHP
深入理解PHP之OpCode原理详解
2016/06/01 PHP
jQuery入门问答 整理的几个常见的初学者问题
2010/02/22 Javascript
jQuery $.each的用法说明
2010/03/22 Javascript
jquery 插件学习(三)
2012/08/06 Javascript
windows系统下简单nodejs安装及环境配置
2013/01/08 NodeJs
JavaScript日期时间格式化函数分享
2014/05/05 Javascript
jquery.idTabs 选项卡使用示例代码
2014/09/03 Javascript
手机号码,密码正则验证
2014/09/04 Javascript
js判断滚动条是否已到页面最底部或顶部实例
2014/11/20 Javascript
AngularJs  Creating Services详解及示例代码
2016/09/02 Javascript
详解Vue2中组件间通信的解决全方案
2017/07/28 Javascript
javaScript中"=="和"==="的区别详解
2018/03/16 Javascript
Vue组件通信的几种实现方法
2019/04/25 Javascript
layui 中select下拉change事件失效的解决方法
2019/09/20 Javascript
node.js使用zlib模块进行数据压缩和解压操作示例
2020/02/12 Javascript
[00:30]塑造者的传承礼包-戴泽“暗影之焰”套装展示视频
2014/04/04 DOTA
[40:04]Secret vs Infamous 2019国际邀请赛淘汰赛 败者组 BO3 第二场 8.23
2019/09/05 DOTA
在Python的Tornado框架中实现简单的在线代理的教程
2015/05/02 Python
Python实现以时间换空间的缓存替换算法
2016/02/19 Python
Python读取视频的两种方法(imageio和cv2)
2018/04/15 Python
python使用matplotlib绘制热图
2018/11/07 Python
DRF跨域后端解决之django-cors-headers的使用
2019/01/27 Python
使用pandas把某一列的字符值转换为数字的实例
2019/01/29 Python
python opencv摄像头的简单应用
2019/06/06 Python
linux面试题参考答案(8)
2015/08/11 面试题
银行行长竞聘演讲稿
2014/04/23 职场文书
师德师风建设整改措施思想汇报
2014/10/11 职场文书
2015元旦家电促销活动策划方案
2014/12/09 职场文书
2019年大学毕业生个人自我鉴定范文大全
2019/03/21 职场文书
Java SSM配置文件案例详解
2021/08/30 Java/Android
Go并发4种方法简明讲解
2022/04/06 Golang