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 border-image详解、应用及jQuery插件
Aug 29 HTML / CSS
CSS3实现多样的边框效果
May 04 HTML / CSS
CSS实现聊天气泡效果
Apr 26 HTML / CSS
详解CSS3 filter:drop-shadow滤镜与box-shadow区别与应用
Aug 24 HTML / CSS
html5组织文档结构_动力节点Java学院整理
Jul 11 HTML / CSS
HTML5 Canvas像素处理使用接口介绍
Dec 02 HTML / CSS
基于Modernizr 让网站进行优雅降级的分析
Apr 21 HTML / CSS
HTML5中的Web Notification桌面右下角通知功能的实现
Apr 19 HTML / CSS
html5 figure和figcaption的使用方法
Sep 10 HTML / CSS
canvas绘图按照contain或者cover方式适配并居中显示
Feb 18 HTML / CSS
HTML5在微信内置浏览器下右上角菜单的调整字体导致页面显示错乱的问题
Jan 19 HTML / CSS
如何利用 CSS Overview 面板重构优化你的网站
Oct 24 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 has encountered an Access Violation
2007/01/15 PHP
PHP 面向对象 PHP5 中的常量
2010/05/05 PHP
使用GROUP BY的时候如何统计记录条数 COUNT(*) DISTINCT
2011/04/23 PHP
PHP实现的英文名字全拼随机排号脚本
2014/07/04 PHP
基于PHP实现等比压缩图片大小
2016/03/04 PHP
Mac下php 5升级到php 7的步骤详解
2017/04/26 PHP
ThinkPHP框架实现数据增删改
2017/05/07 PHP
用JS剩余字数计算的代码
2008/07/03 Javascript
JavaScript页面刷新与弹出窗口问题的解决方法
2010/03/02 Javascript
使用jquery mobile做幻灯播放效果实现步骤
2013/01/04 Javascript
jquery和ajax的关系详细介绍
2013/11/29 Javascript
js 实现获取name 相同的页面元素并循环遍历的方法
2017/02/14 Javascript
Bootstrap table 定制提示语的加载过程
2017/02/20 Javascript
IScroll那些事_当内容不足时下拉刷新的解决方法
2017/07/18 Javascript
解决vue2中使用axios http请求出现的问题
2018/03/05 Javascript
详解NodeJs开发微信公众号
2018/05/25 NodeJs
利用Vconsole和Fillder进行移动端抓包调试方法
2019/03/05 Javascript
JS实现的检验身份证格式并输出出生日期,年龄,性别,出生地示例
2019/05/17 Javascript
React精髓!一篇全概括小结(急速)
2019/05/23 Javascript
Vue实现指令式动态追加小球动画组件的步骤
2020/12/18 Vue.js
[54:17]DOTA2-DPC中国联赛定级赛 RNG vs iG BO3第二场 1月10日
2021/03/11 DOTA
Python基于回溯法子集树模板解决取物搭配问题实例
2017/09/02 Python
Windows系统下多版本pip的共存问题详解
2017/10/10 Python
python使用tensorflow保存、加载和使用模型的方法
2018/01/31 Python
使用Scrapy爬取动态数据
2018/10/21 Python
Python OpenCV之图片缩放的实现(cv2.resize)
2019/06/28 Python
python使用numpy实现直方图反向投影示例
2020/01/17 Python
python序列类型种类详解
2020/02/26 Python
Python类及获取对象属性方法解析
2020/06/15 Python
搭建pypi私有仓库实现过程详解
2020/11/25 Python
Python爬虫逆向分析某云音乐加密参数的实例分析
2020/12/04 Python
HTML5自定义属性的问题分析
2019/08/16 HTML / CSS
俄罗斯美容和健康网上商店:Созвездие Красоты
2019/07/23 全球购物
介绍一下write命令
2014/08/10 面试题
人力资源主管的岗位职责
2014/03/15 职场文书
优秀班集体先进事迹材料
2014/05/28 职场文书