首页  >  文章  >  web前端  >  关于H5的事件属性详解

关于H5的事件属性详解

Y2J
Y2J原创
2017-05-23 14:23:132368浏览

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。

属性

属性 描述 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

【相关推荐】

1. HTML5免费视频教程

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

3. 详解H5和HTML4的区别

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

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

以上是关于H5的事件属性详解的详细内容。更多信息请关注PHP中文网其他相关文章!

声明:
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn