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 05 HTML / CSS
CSS3 translate导致字体模糊的实例代码
Aug 30 HTML / CSS
玩转CSS3色彩
Jan 16 HTML / CSS
css3的@media属性实现页面响应式布局示例代码
Feb 10 HTML / CSS
纯CSS3制作的鼠标悬停时边框旋转
Jan 03 HTML / CSS
CSS3实现自定义Checkbox特效实例代码
Apr 24 HTML / CSS
Grid 宫格常用布局的实现
Jan 10 HTML / CSS
HTML5重塑Web世界它将如何改变互联网
Dec 17 HTML / CSS
HTML5之SVG 2D入门13—svg对决canvas及长处和适用场景分析
Jan 30 HTML / CSS
html5 跨文档消息传输示例探讨
Apr 01 HTML / CSS
用html5的canvas画布绘制贝塞尔曲线完整代码
Aug 14 HTML / CSS
浅析图片上传及canvas压缩的流程
Jun 10 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
再说下636单管机
2021/03/02 无线电
php笔记之:php数组相关函数的使用
2013/04/26 PHP
Symfony2创建页面实例详解
2016/03/18 PHP
Laravel Eloquent ORM 实现查询表中指定的字段
2019/10/17 PHP
将list转换为json失败的原因
2013/12/17 Javascript
JavaScript操作Cookie详解
2015/02/28 Javascript
jQuery实现的多屏图像图层切换效果实例
2015/05/07 Javascript
js实现图片放大和拖拽特效代码分享
2015/09/05 Javascript
JavaScript手机振动API
2016/06/11 Javascript
js模拟支付宝密码输入框
2017/04/11 Javascript
浅谈Vue 初始化性能优化
2017/08/31 Javascript
mongoose设置unique不生效问题的解决及如何移除unique的限制
2017/11/07 Javascript
ant design vue datepicker日期选择器中文化操作
2020/10/28 Javascript
[43:35]TI4 循环赛第二日Liquid vs Fnatic
2014/07/11 DOTA
[58:15]2018DOTA2亚洲邀请赛 4.1 小组赛 A组 NB vs Liquid
2018/04/02 DOTA
[00:48]食人魔魔法师至宝“金鹏之幸”全新模型和自定义特效展示
2019/12/19 DOTA
python基础教程之自定义函数介绍
2014/08/29 Python
批量将ppt转换为pdf的Python代码 只要27行!
2018/02/26 Python
Python对切片命名的实现方法
2018/10/16 Python
Python安装Flask环境及简单应用示例
2019/05/03 Python
Pandas 重塑(stack)和轴向旋转(pivot)的实现
2019/07/22 Python
Python3 文章标题关键字提取的例子
2019/08/26 Python
PyCharm搭建Spark开发环境的实现步骤
2019/09/05 Python
Python线程协作threading.Condition实现过程解析
2020/03/12 Python
python框架flask入门之路由及简单实现方法
2020/06/07 Python
简述进程的启动、终止的方式以及如何进行进程的查看
2014/02/20 面试题
计算机毕业大学生推荐信
2013/12/01 职场文书
初中政治教学反思
2014/01/17 职场文书
成品库仓管员岗位职责
2014/04/06 职场文书
优秀班主任事迹材料
2014/12/16 职场文书
亚布力滑雪场导游词
2015/02/09 职场文书
医院见习总结
2015/06/24 职场文书
一年级下册数学教学反思
2016/02/16 职场文书
分享:关于学习的励志名言赏析
2019/08/16 职场文书
pytorch训练神经网络爆内存的解决方案
2021/05/22 Python
用JS创建一个录屏功能
2021/11/11 Javascript