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 相关文章推荐
html5 canvas绘制放射性渐变色效果
Jan 04 HTML / CSS
HTML5 标准将把互联网视频扔回到黑暗时代
Feb 10 HTML / CSS
html5 Canvas画图教程(4)—未闭合的路径及渐变色的填充方法
Jan 09 HTML / CSS
用html5的canvas画布绘制贝塞尔曲线完整代码
Aug 14 HTML / CSS
HTML5中的进度条progress元素简介及兼容性处理
Jun 02 HTML / CSS
HTML5 拖放功能实现代码
Jul 14 HTML / CSS
HTML5 虚拟键盘出现挡住输入框的解决办法
Feb 14 HTML / CSS
HTML5 Canvas 实现圆形进度条并显示数字百分比效果示例
Aug 18 HTML / CSS
HTML5图片层叠的实现示例
Jul 07 HTML / CSS
Bootstrap File Input文件上传组件
Dec 01 HTML / CSS
web前端之css水平居中代码解析
May 20 HTML / CSS
html输入两个数实现加减乘除功能
Jul 01 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代码维护,重构变困难的4种原因分析
2016/01/25 PHP
JS加ASP二级域名转向的代码
2007/05/17 Javascript
js刷新框架子页面的七种方法代码
2008/11/20 Javascript
jQuery的学习步骤
2011/02/23 Javascript
JavaScript关闭当前页面(窗口)不带任何提示
2014/03/26 Javascript
Javascript封装DOMContentLoaded事件实例
2014/06/12 Javascript
用JavaScript实现用一个DIV来包装文本元素节点
2014/09/09 Javascript
使用phantomjs进行网页抓取的实现代码
2014/09/29 Javascript
javascript使用prototype完成单继承
2014/12/24 Javascript
javascript面向对象之对象的深入理解
2015/01/13 Javascript
Nodejs学习笔记之入门篇
2015/04/16 NodeJs
解析Node.js基于模块和包的代码部署方式
2016/02/16 Javascript
javascript断点调试心得分享
2016/04/23 Javascript
jquery.validate使用详解
2016/06/02 Javascript
玩转JavaScript OOP - 类的实现详解
2016/06/08 Javascript
关于JSON与JSONP简单总结
2016/08/16 Javascript
详解如何在vue项目中引入elementUI组件
2018/02/11 Javascript
微信小程序wepy框架笔记小结
2018/08/08 Javascript
微信小程序动态设置图片大小的方法
2019/11/21 Javascript
在vue中使用image-webpack-loader实例
2020/11/12 Javascript
解决vue使用vant轮播组件swipe + flex时文字抖动问题
2021/01/07 Vue.js
[01:11:02]Secret vs Newbee 2019国际邀请赛小组赛 BO2 第一场 8.15
2019/08/17 DOTA
python使用PIL实现多张图片垂直合并
2019/01/15 Python
Python partial函数原理及用法解析
2019/12/11 Python
Python如何急速下载第三方库详解
2020/11/02 Python
Python中pass的作用与使用教程
2020/11/13 Python
需要知道的CSS3动画技术
2010/01/01 HTML / CSS
canvas 阴影和图形变换的示例代码
2018/01/02 HTML / CSS
Perfume’s Club法国站:购买香水和化妆品
2019/05/02 全球购物
美国在线购买内衣网站:HerRoom
2020/02/22 全球购物
教师优秀党员事迹材料
2014/08/14 职场文书
寒山寺导游词
2015/02/03 职场文书
董事长助理岗位职责
2015/02/11 职场文书
2019年房屋委托租赁合同范本(通用版)!
2019/07/17 职场文书
MongoDB连接数据库并创建数据等使用方法
2021/11/27 MongoDB
Python  序列化反序列化和异常处理的问题小结
2022/12/24 Python