兄弟连旗下品牌: 兄弟会 | 软件学院 | 工业机器人

三板挂牌公司
亿元级IT教育企业
全国校区
报名流程

PHP培训 您现在的位置: 首页 > 新版首页课程文章 > HTML5课程文章 > Html5中的事件属性整理归纳

分享到:

Html5中的事件属性整理归纳
作者:期   2017-03-28 15:58:39

记得上学时,老师千叮咛、万嘱咐的告诉我们好记性不如烂笔头这句至理名言,笔记一定要记,还要记好,自从来到html5的世界之后,发现更是如此,许多细节需要写一些注释,不然过几天就忘。俗话说:最淡的墨水
       记得上学时,老师千叮咛、万嘱咐的告诉我们“好记性不如烂笔头”这句至理名言,笔记一定要记,还要记好,自从来到html5的世界之后,发现更是如此,许多细节需要写一些注释,不然过几天就忘。俗话说:“最淡的墨水,也胜过最强的记忆。”今天把Html5中的事件属性整理了一下,与大家分享。

Html5中的事件属性整理归纳


全局事件属性

HTML 4 增加了使事件在浏览器中触发动作的能力,比如当用户点击元素时启动 JavaScript,下面列出了添加到 HTML 元素以定义事件动作的全局事件属性。

Window 事件属性

针对 window 对象触发的事件(应用到 <body> 标签),他们的值都是script
onafterprint 文档打印之后运行的脚本。
onbeforeprint文档打印之前运行的脚本。
onbeforeunload文档卸载之前运行的脚本。
onerror在错误发生时运行的脚本。
onhaschange当文档已改变时运行的脚本。
onload页面结束加载之后触发。
onmessage在消息被触发时运行的脚本。
onoffline当文档离线时运行的脚本。
Ononline当文档上线时运行的脚本。
onpagehide当窗口隐藏时运行的脚本。
onpageshow当窗口成为可见时运行的脚本。
onpopstate当窗口历史记录改变时运行的脚本。
onredo当文档执行撤销(redo)时运行的脚本。
onresize当浏览器窗口被调整大小时触发。
onstorage    在 Web Storage 区域更新后运行的脚本。
onundo  在文档执行 undo 时运行的脚本。
onunload一旦页面已下载时触发(或者浏览器窗口已被关闭)。
 
Form 事件
 
    由 HTML 表单内的动作触发的事件(应用到几乎所有 HTML 元素,但最常用在 form 元素中,同样的,以下属性的值都是script。

onblur元素失去焦点时运行的脚本。
onchange    在元素值被改变时运行的脚本。
oncontextmenu     当上下文菜单被触发时运行的脚本。
onfocus当元素获得焦点时运行的脚本。
onformchange 在表单改变时运行的脚本。
onforminput当表单获得用户输入时运行的脚本。
oninput当元素获得用户输入时运行的脚本。
oninvalid     当元素无效时运行的脚本。
onreset当表单中的重置按钮被点击时触发。HTML5 中不支持。
onselect在元素中文本被选中后触发。
onsubmit在提交表单时触发。
 
Mouse 事件

由鼠标或类似用户动作触发的事件:
onclick元素上发生鼠标点击时触发。
ondblclick元素上发生鼠标双击时触发。
ondrag    元素被拖动时运行的脚本。
ondragend       在拖动操作末端运行的脚本。
ondragenter当元素元素已被拖动到有效拖放区域时运行的脚本。
ondragleave当元素离开有效拖放目标时运行的脚本。
ondragover当元素在有效拖放目标上正在被拖动时运行的脚本。
ondragstart在拖动操作开端运行的脚本。
ondrop当被拖元素正在被拖放时运行的脚本。
onmousedown当元素上按下鼠标按钮时触发。
onmousemove 当鼠标指针移动到元素上时触发。
onmouseout当鼠标指针移出元素时触发。
onmouseover当鼠标指针移动到元素上时触发。
onmouseup 当在元素上释放鼠标按钮时触发。
onmousewheel 当鼠标滚轮正在被滚动时运行的脚本。
onscroll  当元素滚动条被滚动时运行的脚本。

Media 事件

由媒介(比如视频、图像和音频)触发的事件(适用于所有 HTML 元素,但常见于媒介元素中,比如 <audio>、<embed>、<img>、<object> 以及 <video>):

onabort在退出时运行的脚本。
oncanplay当文件就绪可以开始播放时运行的脚本(缓冲已足够开始时)。
oncanplaythrough当媒介能够无需因缓冲而停止即可播放至结尾时运行的脚本。
ondurationchange当媒介长度改变时运行的脚本。
onemptied当发生故障并且文件突然不可用时运行的脚本(比如连接意外断开时)。
onended 当媒介已到达结尾时运行的脚本(可发送类似“感谢观看”之类的消息)。
onerror当在文件加载期间发生错误时运行的脚本。
onloadeddata当媒介数据已加载时运行的脚本。
onloadedmetadata当元数据(比如分辨率和时长)被加载时运行的脚本。
onloadstart在文件开始加载且未实际加载任何数据前运行的脚本。
onpause当媒介被用户或程序暂停时运行的脚本。
onplay当媒介已就绪可以开始播放时运行的脚本。
onplaying当媒介已开始播放时运行的脚本。
onprogress当浏览器正在获取媒介数据时运行的脚本。
onratechange每当回放速率改变时运行的脚本(比如当用户切换到慢动作或快进模式)。
onreadystatechange每当就绪状态改变时运行的脚本(就绪状态监测媒介数据的状态)。
onseeked当 seeking 属性设置为 false(指示定位已结束)时运行的脚本。
onseeking当 seeking 属性设置为 true(指示定位是活动的)时运行的脚本。
onstalled在浏览器不论何种原因未能取回媒介数据时运行的脚本。
onsuspend在媒介数据完全加载之前不论何种原因终止取回媒介数据时运行的脚本。
ontimeupdate当播放位置改变时(比如当用户快进到媒介中一个不同的位置时)运行的脚本。
onvolumechange每当音量改变时(包括将音量设置为静音)时运行的脚本。
onwaitin当媒介已停止播放但打算继续播放时(比如当媒介暂停已缓冲更多数据)运行脚本

    以上这些属性你掌握了多少,又忘记了多少呢,赶紧捡起来哦。
    

    转载地址:http://www.itxdl.cn/php/html/2017/html5kc_0328/2429.html

相关热词搜索:html5培训

上一篇:来看看什么是HTML5 内联 SVG
下一篇:HTML5那些没实现的技术你知道吗

  • 分享战地日记:
    PHP培训
师资力量 更多>>
PHP培训

李超    兄弟连创始人

70后,做过铁路工人、JAVA程序员、技术支持、IT讲师、还干过几天管理,...

PHP培训

高洛峰    云课堂创始人

花季青年,喜欢开发,更爱讲课,当过小兵,做过领导,愿意分享,敢于高...

PHP培训

李明    兄弟连副总裁

70后北漂老男孩,做过程序员,干过运维,跑过市场,当过讲师,LAMP兄弟...

PHP培训

张涛    北京PHP教学主管

北京校区PHP教学主管,有过七年项目开发与技术培训经验,最早搞过C\C++,...

PHP培训

丛浩    兄弟连高级讲师

虽半老徐娘,但风韵犹存,不会德语、法语、阿拉伯语等世界各国语言,而...

北京校区(总部)

地址:北京市昌平区文华西路育荣教育园区兄弟连楼

上海校区

地址:上海市闸北区万荣路1188号龙软信息服务外包产业园F栋三层

广州校区

地址:广州市天河区宦溪西路20-12号万富商业大厦三层312室

全国免费咨询热线:400-700-1307

Copyright 易第优(北京)教育咨询股份有限公司 2006 - 2016 Edu Inc. 京ICP备11018177号 京公网安备11011402000177