关于H5的事件属性详解

HTML 元素可拥有事件属性,这些属性在浏览器中触发行为,比如当用户单击一个 HTML 元素时启动一段 JavaScript。下面列出的事件属性,可以把它们插入 HTML 标签来定义事件行为。 HTML 4.01 与 HTML 5 之间的差异 HTML 5 中的新事件:onabort, onbeforeunload, onconte

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。

属性

属性描述45
onabortscript 发生 abort 事件时运行脚本。 5
onbeforeonloadscript 在元素加载前运行脚本。 5
onblurscript 当元素失去焦点时运行脚本。45
onchangescript当元素改变时运行脚本。45
onclickscript 在鼠标点击时允许脚本。45
oncontextmenuscript 菜单被触发时运行脚本。 5
ondblclickscript 当鼠标双击时运行脚本。45
ondragscript 只要脚本在被拖动就允许脚本。 5
ondragendscript 在拖动操作结束时运行脚本。 5
ondragenterscript 当元素被拖动到一个合法的放置目标时,执行脚本。 5
ondragleavescript 当元素离开合法的放置目标时。 5
ondragoverscript 只要元素正在合法的放置目标上拖动时,就执行脚本。 5
ondragstartscript 在拖动操作开始时执行脚本。 5
ondropscript 当元素正在被拖动时执行脚本。 5
onerrorscript 当元素加载的过程中出现错误时执行脚本。 5
onfocusscript 当元素获得焦点时执行脚本。45
onkeydownscript 当按钮按下时执行脚本。45
onkeypressscript 当按键被按下时执行脚本。45
onkeyupscript 当按钮松开时执行脚本。45
onloadscript当文档加载时执行脚本。45
onmessagescript 当 message 事件触发时执行脚本。 5
onmousedownscript 当鼠标按钮按下时执行脚本。45
onmousemovescript 当鼠标指针移动时执行脚本。45
onmouSEOverscript当鼠标指针移动到一个元素上时执行脚本。45
onmouSEOutscript当鼠标指针移出元素时执行脚本。45
onmouseupscript 当鼠标按钮松开时执行脚本。45
onmousewheelscript 当鼠标滚轮滚动时执行脚本。 5
onresetscript 当表单重置时执行脚本。不支持4
onresizescript 当元素调整大小时运行脚本。 5
onscrollscript 当元素滚动条被滚动时执行脚本。 5
onselectscript 当元素被选中时执行脚本。45
onsubmitscript当表单提交时运行脚本。45
onunloadscript当文档卸载时运行脚本。 5

【相关推荐】

1. HTML5免费视频教程

2. 教你用H5绘图的基础方法

3. 详解H5和HTML4的区别

4. H5制作一个计时器的代码演示

5. 详解H5非常重要的28个新特性,新技巧和新技术

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。

相关推荐


HTML5和CSS3实现3D展示商品信息的代码
利用HTML5中的Canvas绘制笑脸的代码
Html5剪切板功能的实现
如何通过HTML5触摸事件实现移动端简易进度条
Html5移动端获奖无缝滚动动画实现
关于HTML5和CSS3实现机器猫的代码
HTML5使用DOM进行自定义控制
使用HTML5 Canvas绘制阴影效果的方法
使用PHP和HTML5 FormData实现无刷新文件上传
如何解决HTML5 虚拟键盘出现挡住输入框的问题
HTML5中div和section以及article的区别分析
html5和CSS 实现禁止IOS长按复制粘贴功能
html5 touch事件实现触屏页面上下滑动
canvas 模拟实现电子彩票刮刮乐的代码
HTML5 Plus 实现手机APP拍照或相册选择图片上传的功能
Android自定义环形LoadingView效果
HTML5 canvas绘制五角星的方法
html5使用html2canvas实现浏览器截图
使用Canvas处理图片的方法介绍
利用Canvas模仿百度贴吧客户端loading小球的方法