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 相关文章推荐
CSS中简写属性要注意TRouBLe的顺序问题(避免踩坑)
Mar 09 HTML / CSS
CSS3 完美实现圆角效果
Jul 13 HTML / CSS
使用CSS Grid布局实现网格的流动
Dec 30 HTML / CSS
用HTML5.0制作网页的教程
May 30 HTML / CSS
Canvas与Image互相转换示例代码
Aug 09 HTML / CSS
html5使用canvas实现跟随光标跳动的火焰效果
Jan 07 HTML / CSS
基于canvas的骨骼动画的示例代码
Jun 12 HTML / CSS
canvas离屏技术与放大镜实现代码示例
Aug 31 HTML / CSS
HTML5 客户端数据库简易使用:IndexedDB
Dec 19 HTML / CSS
浅谈Html5页面打开app的一些思考
Mar 30 HTML / CSS
html5中嵌入视频自动播放的问题解决
May 25 HTML / CSS
HTML5+CSS+JavaScript实现捉虫小游戏设计和实现
Oct 16 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
中国的第一台收音机
2021/03/01 无线电
浅谈PHP中的
2016/04/23 PHP
IE和Firefox在JavaScript应用中的兼容性探讨
2008/04/01 Javascript
jQuery+ajax实现顶一下,踩一下效果
2010/07/17 Javascript
用Mootools获得操作索引的两种方法分享
2011/12/12 Javascript
只需20行代码就可以写出CSS覆盖率测试脚本
2013/04/24 Javascript
js实例属性和原型属性示例详解
2014/11/23 Javascript
JavaScript定义类和对象的方法
2014/11/26 Javascript
JavaScript实现点击单选按钮改变输入框中文本域内容的方法
2015/08/12 Javascript
JS实现alert中显示换行的方法
2015/12/17 Javascript
AngularJS 如何在控制台进行错误调试
2016/06/07 Javascript
js中遍历对象的属性和值的方法
2016/07/27 Javascript
jQuery实现表格文本框淡入更改值后淡出效果
2016/09/27 Javascript
javascript另类方法实现htmlencode()与htmldecode()函数实例分析
2016/11/17 Javascript
浅谈js原生拖放
2016/11/21 Javascript
fckeditor部署到weblogic出现xml无法读取及样式不能显示问题的解决方法
2017/03/24 Javascript
vue 设置proxyTable参数进行代理跨域
2018/04/09 Javascript
Vue+webpack+Element 兼容问题总结(小结)
2018/08/16 Javascript
小程序文字跑马灯效果
2018/12/28 Javascript
微信小程序实现联动选择器
2019/02/15 Javascript
探索JavaScript中私有成员的相关知识
2019/06/13 Javascript
echarts柱状图背景重叠组合而非并列的实现代码
2020/12/10 Javascript
Javascript实现打鼓效果
2021/01/29 Javascript
Python 时间操作例子和时间格式化参数小结
2014/04/24 Python
Python发送Email方法实例
2014/08/21 Python
浅谈Python中函数的参数传递
2016/06/21 Python
利用Python批量压缩png方法实例(支持过滤个别文件与文件夹)
2017/07/30 Python
Python排序算法实例代码
2017/08/10 Python
python编写计算器功能
2019/10/25 Python
python自动化发送邮件实例讲解
2021/01/04 Python
利用CSS3实现折角效果实例源码
2016/09/28 HTML / CSS
计算机应用专业应届毕业生中文求职信范文
2013/11/29 职场文书
销售员岗位职责
2015/02/10 职场文书
酒店工程部岗位职责
2015/02/12 职场文书
公司前台接待岗位职责
2015/04/03 职场文书
Python OpenCV超详细讲解读取图像视频和网络摄像头
2022/04/02 Python