关于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。

属性

属性 描述 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的事件属性详解的详细内容,更多请关注其它相关文章!

  • HTML5 新事件
    • 详解H5非常重要的28个新特性,新技巧和新技术
    • H5和CSS3组合使用的实例教程