H5的事件属性详细介绍

这篇文章主要介绍“H5的事件属性详细介绍”,在日常操作中,相信很多人在H5的事件属性详细介绍问题上存在疑惑,小编查阅了各式资料,整理出简单好用的操作方法,希望对大家解答”H5的事件属性详细介绍”的疑惑有所帮助!接下来,请跟着小编一起来学习吧!

创新互联公司专业为企业提供双城网站建设、双城做网站、双城网站设计、双城网站制作等企业网站建设、网页设计与制作、双城企业网站模板建站服务,10多年双城做网站经验,不只是建网站,更提供有价值的思路和整体网络服务。

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

到此,关于“H5的事件属性详细介绍”的学习就结束了,希望能够解决大家的疑惑。理论与实践的搭配能更好的帮助大家学习,快去试试吧!若想继续学习更多相关知识,请继续关注创新互联网站,小编会继续努力为大家带来更多实用的文章!


网站标题:H5的事件属性详细介绍
标题链接:http://scjbc.cn/article/pgjpjd.html

其他资讯