首页前端开发HTML关于H5的事件属性详解

关于H5的事件属性详解

时间2024-01-22 18:53:06发布访客分类HTML浏览798
导读:收集整理的这篇文章主要介绍了关于H5的事件属性详解,觉得挺不错的,现在分享给大家,也给大家做个参考。HTML 元素可拥有事件属性,这些属性在浏览器中触发行为,比如当用户单击一个 HTML 元素时启动一段 JavaScript。下面列出的事件...
收集整理的这篇文章主要介绍了关于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个新特性,新技巧和新技术

以上就是关于H5的事件属性详解的详细内容,更多请关注其它相关文章!

声明:本文内容由网友自发贡献,本站不承担相应法律责任。对本内容有异议或投诉,请联系2913721942#qq.com核实处理,我们将尽快回复您,谢谢合作!

上一篇: H5完成用户注册自动校验的实例详...下一篇:详解H5非常重要的28个新特性新技...猜你在找的html5相关文章 关于移动端h5开发相关内容总结2022-05-17html5教程-学表单的第二天2018-12-10html5教程-HTML5浏览器支持2018-12-10html5教程-HTML5智能表单2018-12-10html5教程-微信H5使用resLoader实现加载页效果2018-12-10html5教程-day01-初级-JS0-热身运动JS入门教程2018-12-10html5教程-html5shiv.js和respond.min.js2018-12-10html5教程-不同浏览器对于html5 audio标签和音频格式的兼容性2018-12-10html5教程-使用Html5实现手风琴案例2018-12-10html5教程-html5笔记2018-12-10 其他相关热搜词更多phpjavapython程序员

若转载请注明出处: 关于H5的事件属性详解
本文地址: https://pptw.com/jishu/583251.html
HTML5语义化总结 详解H5的自定义属性data-*

游客 回复需填写必要信息