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选择器的研究(详解)
Sep 16 HTML / CSS
一款纯css3实现简单的checkbox复选框和radio单选框
Nov 05 HTML / CSS
CSS3属性background-size使用指南
Dec 09 HTML / CSS
详解HTML5中垂直上下居中的解决方案
Dec 20 HTML / CSS
HTML5 解析规则分析
Aug 14 HTML / CSS
解决Firefox下不支持outerHTML问题代码分享
Jun 04 HTML / CSS
谈一谈HTML5本地存储技术
Mar 02 HTML / CSS
从零实现一个自定义html5播放器的示例代码
Aug 01 HTML / CSS
html5使用canvas实现弹幕功能示例
Sep 11 HTML / CSS
html5录音功能实战示例
Mar 25 HTML / CSS
五分钟学会HTML5的WebSocket协议
Nov 22 HTML / CSS
HTML5页面音频自动播放的实现方式
Jun 21 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
火车头采集器3.0采集图文教程
2007/03/17 PHP
PHP mb_convert_encoding 获取字符串编码类型实现代码
2009/04/26 PHP
比较discuz和ecshop的截取字符串函数php版
2012/09/03 PHP
利用“多说”制作留言板、评论系统
2015/07/14 PHP
PHP Header用于页面跳转时的几个注意事项
2016/10/21 PHP
php自定义函数br2nl实现将html中br换行符转换为文本输入中换行符的方法【与函数nl2br功能相反】
2017/02/17 PHP
php+iframe 实现上传文件功能示例
2020/03/04 PHP
javascript prototype,executing,context,closure
2008/12/24 Javascript
JQUERY设置IFRAME的SRC值的代码
2010/11/30 Javascript
jQuery数组处理方法汇总
2011/06/20 Javascript
javascript 获取函数形参个数
2014/07/31 Javascript
JS+CSS实现Li列表隔行换色效果的方法
2015/02/16 Javascript
jquery插件hiAlert实现网页对话框美化
2015/05/03 Javascript
AngularJS 执行流程详细介绍
2016/08/18 Javascript
微信小程序 动态的设置图片的高度和宽度详解及实例代码
2017/02/24 Javascript
AngularJS页面带参跳转及参数解析操作示例
2017/06/28 Javascript
vue router使用query和params传参的使用和区别
2017/11/13 Javascript
js将当前时间格式化为 年-月-日 时:分:秒的实现代码
2018/01/20 Javascript
浅谈webpack打包过程中因为图片的路径导致的问题
2018/02/21 Javascript
自定义vue组件发布到npm的方法
2018/05/09 Javascript
小程序登录态管理的方法示例
2018/11/13 Javascript
[00:35]DOTA2上海特级锦标赛 MVP.Phx战队宣传片
2016/03/04 DOTA
关于python pyqt5安装失败问题的解决方法
2017/08/08 Python
Python OpenCV实现图片上输出中文
2018/01/22 Python
Flask之flask-script模块使用
2018/07/26 Python
Python3中列表list合并的四种方法
2019/04/19 Python
Python 创建TCP服务器的方法
2020/07/28 Python
介绍一下Make? 为什么使用make
2013/12/08 面试题
亲戚结婚的请假条
2014/02/11 职场文书
彩妆大赛策划方案
2014/05/13 职场文书
红领巾广播站广播稿(3篇)
2014/09/20 职场文书
农村党支部书记司法四风问题对照检查材料
2014/09/26 职场文书
在教室放鞭炮的检讨书
2014/09/28 职场文书
Nginx反向代理学习实例教程
2021/10/24 Servers
python创建字典及相关管理操作
2022/04/13 Python
Python万能模板案例之matplotlib绘制直方图的基本配置
2022/04/13 Python