HTML 事件属性_03
全局事件属性
HTML 4 的新特性之一是可以使 HTML 事件触发浏览器中的行为,比方说当用户点击某个 HTML 元素时启动一段 JavaScript。
如果你想学习更多关于事件属性,请访问 JavaScript 教程
下面的表格提供了标准的事件属性,可以把它们插入 HTML/XHTML 元素中,以定义事件行为。
New : HTML5新增属性事件。
窗口事件属性(Window Event Attributes)
由窗口触发该事件 (适用于 <body> 标签):
属性 | 值 | 描述 |
---|---|---|
onafterprintNew | script | 在打印文档之后运行脚本 |
onbeforeprintNew | script | 在文档打印之前运行脚本 |
onbeforeonloadNew | script | 在文档加载之前运行脚本 |
onblur | script | 当窗口失去焦点时运行脚本 |
onerrorNew | script | 当错误发生时运行脚本 |
onfocus | script | 当窗口获得焦点时运行脚本 |
onhaschangeNew | script | 当文档改变时运行脚本 |
onload | script | 当文档加载时运行脚本 |
onmessageNew | script | 当触发消息时运行脚本 |
onofflineNew | script | 当文档离线时运行脚本 |
ononlineNew | script | 当文档上线时运行脚本 |
onpagehideNew | script | 当窗口隐藏时运行脚本 |
onpageshowNew | script | 当窗口可见时运行脚本 |
onpopstateNew | script | 当窗口历史记录改变时运行脚本 |
onredoNew | script | 当文档执行再执行操作(redo)时运行脚本 |
onresizeNew | script | 当调整窗口大小时运行脚本 |
onstorageNew | script | 当 Web Storage 区域更新时(存储空间中的数据发生变化时)运行脚本 |
onundoNew | script | 当文档执行撤销时运行脚本 |
onunloadNew | script | 当用户离开文档时运行脚本 |
表单事件(Form Events)
表单事件在HTML表单中触发 (适用于所有 HTML 元素, 但该HTML元素需在form表单内):
属性 | 值 | 描述 |
---|---|---|
onblur | script | 当元素失去焦点时运行脚本 |
onchange | script | 当元素改变时运行脚本 |
oncontextmenuNew | script | 当触发上下文菜单时运行脚本 |
onfocus | script | 当元素获得焦点时运行脚本 |
onformchangeNew | script | 当表单改变时运行脚本 |
onforminputNew | script | 当表单获得用户输入时运行脚本 |
oninputNew | script | 当元素获得用户输入时运行脚本 |
oninvalidNew | script | 当元素无效时运行脚本 |
onreset | script | 当表单重置时运行脚本。HTML 5 不支持。 |
onselect | script | 当选取元素时运行脚本 |
onsubmit | script | 当提交表单时运行脚本 |
键盘事件(Keyboard Events)
属性 | 值 | 描述 |
---|---|---|
onkeydown | script | 当按下按键时运行脚本 |
onkeypress | script | 当按下并松开按键时运行脚本 |
onkeyup | script | 当松开按键时运行脚本 |
鼠标事件(Mouse Events)
通过鼠标触发事件, 类似用户的行为:
属性 | 值 | 描述 |
---|---|---|
onclick | script | 当单击鼠标时运行脚本 |
ondblclick | script | 当双击鼠标时运行脚本 |
ondragNew | script | 当拖动元素时运行脚本 |
ondragendNew | script | 当拖动操作结束时运行脚本 |
ondragenterNew | script | 当元素被拖动至有效的拖放目标时运行脚本 |
ondragleaveNew | script | 当元素离开有效拖放目标时运行脚本 |
ondragoverNew | script | 当元素被拖动至有效拖放目标上方时运行脚本 |
ondragstartNew | script | 当拖动操作开始时运行脚本 |
ondropNew | script | 当被拖动元素正在被拖放时运行脚本 |
onmousedown | script | 当按下鼠标按钮时运行脚本 |
onmousemove | script | 当鼠标指针移动时运行脚本 |
onmouseout | script | 当鼠标指针移出元素时运行脚本 |
onmouseover | script | 当鼠标指针移至元素之上时运行脚本 |
onmouseup | script | 当松开鼠标按钮时运行脚本 |
onmousewheelNew | script | 当转动鼠标滚轮时运行脚本 |
onscrollNew | script | 当滚动元素的滚动条时运行脚本 |
多媒体事件(Media Events)
通过视频(videos),图像(images)或者音频(audio) 触发该事件,多应用于HTML媒体元素比如 <audio>, <embed>, <img>, <object>, 和<video>):
属性 | 值 | 描述 |
---|---|---|
onabort | script | 当发生中止事件时运行脚本 |
oncanplayNew | script | 当媒介能够开始播放但可能因缓冲而需要停止时运行脚本 |
oncanplaythroughNew | script | 当媒介能够无需因缓冲而停止即可播放至结尾时运行脚本 |
ondurationchangeNew | script | 当媒介长度改变时运行脚本 |
onemptiedNew | script | 当媒介资源元素突然为空时(网络错误、加载错误等)运行脚本 |
onendedNew | script | 当媒介已抵达结尾时运行脚本 |
onerrorNew | script | 当在元素加载期间发生错误时运行脚本 |
onloadeddataNew | script | 当加载媒介数据时运行脚本 |
onloadedmetadataNew | script | 当媒介元素的持续时间以及其他媒介数据已加载时运行脚本 |
onloadstartNew | script | 当浏览器开始加载媒介数据时运行脚本 |
onpauseNew | script | 当媒介数据暂停时运行脚本 |
onplayNew | script | 当媒介数据将要开始播放时运行脚本 |
onplayingNew | script | 当媒介数据已开始播放时运行脚本 |
onprogressNew | script | 当浏览器正在取媒介数据时运行脚本 |
onratechangeNew | script | 当媒介数据的播放速率改变时运行脚本 |
onreadystatechangeNew | script | 当就绪状态(ready-state)改变时运行脚本 |
onseekedNew | script | 当媒介元素的定位属性 [1] 不再为真且定位已结束时运行脚本 |
onseekingNew | script | 当媒介元素的定位属性为真且定位已开始时运行脚本 |
onstalledNew | script | 当取回媒介数据过程中(延迟)存在错误时运行脚本 |
onsuspendNew | script | 当浏览器已在取媒介数据但在取回整个媒介文件之前停止时运行脚本 |
ontimeupdateNew | script | 当媒介改变其播放位置时运行脚本 |
onvolumechangeNew | script | 当媒介改变音量亦或当音量被设置为静音时运行脚本 |
onwaitingNew | script | 当媒介已停止播放但打算继续播放时运行脚本 |
其他事件
属性 | 值 | 描述 |
---|---|---|
onshowNew | script | 当 <menu> 元素在上下文显示时触发 |
ontoggleNew | script | 当用户打开或关闭 <details> 元素时触发 |
HTML 事件属性_03的更多相关文章
- JS中的事件类型和事件属性的基础知识
周末无聊, 这几天又复习了下JS搞基程序设计3, 想着好记性不如浪笔头哇, 要么把这些东西写下来, 这样基础才能更加扎实么么哒, 知道的同学也可以直接过一下,当做复习, 小姨子再也不用担心我的学习啦 ...
- target 事件属性
定义和用法 target 事件属性可返回事件的目标节点(触发该事件的节点),如生成事件的元素.文档或窗口. 语法 event.target 实例 下面的例子可获得触发事件的元素: <html&g ...
- HTML 事件属性(下)
HTML 事件属性(下) 一:键盘事件 (Keyboard Events)二:鼠标事件 (Mouse Events) 一:键盘事件 (Keyboard Events)在下列元素中无效:base.bdo ...
- HTML 事件属性
HTML 事件属性一:定义二:窗口事件 (Window Events)三:表单元素事件 (Form Element Events)四:图像事件 (Image Events) 一:定义 HTML 4 的 ...
- HTML 标准属性 和 事件属性
HTML的公共属性 HTML 和 XHTML 标签支持的标准属性 核心属性 (Core Attributes) 以下标签不提供下面的属性:base.head.html.meta.param.scrip ...
- 如何给ActiveX控件添加“事件”“属性”“标准事件”“自定义事件”等一些相关操作
上一篇小编带大家熟悉了一下ActiveX的建立以及相关的概念,(http://blog.csdn.net/u014028070/article/details/38424611) 本文介绍下如何给控件 ...
- 初学HTML5系列二:HTML5新增的事件属性
Window事件属性: 属性 值 描述 onafterprint script 文档打印之后运行的脚本. 属性发生于用户设置页面打印并且打印对话框已出现之后. onbeforeprint scri ...
- HTML 5 全局属性和事件属性
1.HTML 5 全局属性 HTML 属性能够赋予元素含义和语境. 下面的全局属性可用于任何 HTML5 元素. NEW:HTML 5 中新的全局属性. 属性 描述 accesskey 规定访问元素的 ...
- 转:HTML 5 控件事件属性
Window 事件属性 window 对象触发的事件. 适用于 <body> 标签: 属性 值 描述 onafterprint script 在打印文档之后运行脚本 onbeforepri ...
随机推荐
- Spring 事务管理 01 ——
目录: 参考: 1.Spring 事务管理高级应用难点剖析: 第 1 部分
- 【转载】JSP常用跳转方式
转自:http://blog.csdn.net/wanghuan203/article/details/8836326 (1)href超链接标记,属于客户端跳转 (2)使用javascript完成,属 ...
- iOS开发网络篇—GET请求和POST请求
iOS开发网络篇—GET请求和POST请求 一.GET请求和POST请求简单说明 创建GET请求 // 1.设置请求路径 NSString *urlStr=[NSString stringWithFo ...
- 【转】 linux下的g++编译器安装
再debian下直接apt-get install gcc g++就可以了.按照类似的逻辑,再Fedora下yum install gcc g++ 报告无法找到g++包. 查了一下,原来这个包的名字叫 ...
- json对象转换为json字符串
今天浏览网页的时候看到这个题也是一道很经典的题目了 var str ='aaaaaaajsdjdfkdkg'; ,]; var obj={}; ;i<str.length;i++){ if(!o ...
- 微信第三方 授权方账户信息 API文档错误
获取授权方的账户信息 该API用于获取授权方的公众号基本信息,包括头像.昵称.帐号类型.认证类型.微信号.原始ID和二维码图片URL. 需要特别记录授权方的帐号类型,在消息及事件推送时,对于不具备客服 ...
- ios中通知的简单使用
通知的机制是一对多,而block和delegate的机制是一对一,通知是好用,但小伙伴么要记得通知比较耗性能哦~~~ 谁要发送消息,谁就发出通知,谁要接受消息,谁就销毁通知. 下面直接来看代码: // ...
- anjularjs 路由
在多视图单页面web应用中,angularjs使用路由‘#+标记’来区别不同的逻辑页面并将不同的页面绑定到对应的控制器上.通过一个简单的实例来深入理解: 1.index.html 主页面中插入代码: ...
- C语言处理xml文件的库
读取和设置xml配置文件是最常用的操作,试用了几个C++的XML解析器,个人感觉TinyXML是使用起来最舒服的,因为它的API接口和Java的十分类似,面向对象性很好. TinyXML是一个开源的解 ...
- 多线程、多进程、协程、缓存(memcache、redis)
本节内容: 线程: a:基本的使用: 创建线程: 1:方法 import threading def f1(x): print(x) if __name__=='__main__': t=thread ...