欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  web前端

关于H5的事件属性详解

程序员文章站 2022-03-01 12:36:26
...
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 新事件