HTML5 新事件 小结

2016-02-19 12:46 4 1 收藏

下面是个超简单的HTML5 新事件 小结教程,图老师小编精心挑选推荐,大家行行好,多给几个赞吧,小编吐血跪求~

【 tulaoshi.com - Web开发 】

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。

(本文来源于图老师网站,更多请访问http://www.tulaoshi.com/webkaifa/)

不再支持的 HTML 4.01 属性:onreset。

(本文来源于图老师网站,更多请访问http://www.tulaoshi.com/webkaifa/)属性 属性值描述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

来源:http://www.tulaoshi.com/n/20160219/1601895.html

延伸阅读
标签: Web开发
今天,大多数视频是通过插件(比如 Flash)来显示的。然而,并非所有浏览器都拥有同样的插件。 HTML5 规定了一种通过 video 元素来包含视频的标准方法。 在HTML5中,video元素目前支持三种格式的视频文件, 1.Ogg = 带有 Theora 视频编码和 Vorbis 音频编码的 Ogg 文件 2.MPEG4 = 带有 H.264 视频编码和 AAC 音频编码的 MPEG 4 文件 3.Web...
标签: Web开发
HTML 5 canvas 基本语法简述 5 规范引进了很多新特性,其中最令人期待的之一就是 元素。HTML 5 提供了通过 JavaScript 绘制图形的方法,此方法使用简单但功能强大。每一个 元素都有一个"上下文( context )" (想象成绘图板上的一页),在其中可以绘制任意图形。浏览器支持多个 canvas 上下文,并通过不同的 提供图形绘制功能。 5 规...
标签: Web开发
日期在做一个视频播放的页面,其中用到了HTML5的Video对象,这个是HTML5中新增的一个对象,支持多种不同格式的视频在线播放,功能比较强大,而且还扩展了许多事件,可以通过JavaScript脚本来对视频播放进行控制。参考下面两个链接: http://msdn.microsoft.com/en-us/library/windows/apps/hh465962.aspx http://www.w3school.com.cn/html5/ta...
标签: Web开发
本文收集了 15 个非常值得收藏的 HTML5 资源,这些资源可以让你同 HTML5 的发展保持一致,并始终处于这门技术的最前沿。 1. WTF is HTML5 这是一个关于 HTML5 Infographics 的站点,包含诸如 HTML5 同 Flash 的对比,HTML5 不同浏览器支持情况,HTML5 最受欢迎的功能等资料。 2. Dive Into HTML 5 Mark Pilgrim 是知名软件开发师与博...
标签: Web开发
HTML是人们在万维网上沟通和交流所必须要使用的核心标记语言。最新版本的超文本标记语言HTML5已经带着新的功能和要素推出了,这里提供一些信息供您学习HTML5. HTML5 是基于HTML4.01,XHTML1.0和DOM级别2HTML的下一代推荐标准。它的目标是减少对专有RIA技术的需要,就比如Adobe Flash, MicrosoftSilverlight 和 Sun JavaFX. 这个改进H...

经验教程

914

收藏

68
微博分享 QQ分享 QQ空间 手机页面 收藏网站 回到头部