初学HTML5系列二:HTML5新增的事件属性
Window事件属性:
属性 | 值 | 描述 |
---|---|---|
onafterprint | script | 文档打印之后运行的脚本。 属性发生于用户设置页面打印并且打印对话框已出现之后。 |
onbeforeprint | script | 文档打印之前运行的脚本。属性在用户已设置页面打印之后立即触发,但是在打印对话框出现之前。 |
onbeforeunload | script | 文档卸载之前运行的脚本。 |
onerror | script | 在错误发生时运行的脚本。 |
onhaschange | script | 当文档已改变时运行的脚本。 |
onmessage | script | 在消息被触发时运行的脚本。 |
onoffline | script | 当文档离线时运行的脚本。 |
ononline | script | 当文档上线时运行的脚本。 |
onpagehide | script | 当窗口隐藏时运行的脚本。 |
onpageshow | script | 当窗口成为可见时运行的脚本。 |
onpopstate | script | 当窗口历史记录改变时运行的脚本。 |
onredo | script | 当文档执行撤销(redo)时运行的脚本。 |
onresize | script | 当浏览器窗口被调整大小时触发。常用于 浏览器窗口被调整尺寸时。 |
onstorage | script | 在 Web Storage 区域更新后运行的脚本。 |
onundo | script | 在文档执行 undo 时运行的脚本。 |
Form事件:
由 HTML 表单内的动作触发的事件(应用到几乎所有 HTML 元素,但最常用在 form 元素中):
属性 | 值 | 描述 |
---|---|---|
oncontextmenu | script | 当上下文菜单被触发时运行的脚本。 |
onformchange | script | 在表单改变时运行的脚本。 |
onforminput | script | 当表单获得用户输入时运行的脚本。 |
oninput | script | 当元素获得用户输入时运行的脚本。 |
oninvalid | script | 当元素无效时运行的脚本。 |
onreset | script | 当表单中的重置按钮被点击时触发。HTML5 中不支持。 |
Keyboard事件还和之前一样,没有什么变化。
Mouse事件:
由鼠标或类似用户动作触发的事件:
属性 | 值 | 描述 |
---|---|---|
ondrag | script | 元素被拖动时运行的脚本。 |
ondragend | script | 在拖动操作末端运行的脚本。 |
ondragenter | script | 当元素元素已被拖动到有效拖放区域时运行的脚本。 |
ondragleave | script | 当元素离开有效拖放目标时运行的脚本。 |
ondragover | script | 当元素在有效拖放目标上正在被拖动时运行的脚本。 |
ondragstart | script | 在拖动操作开端运行的脚本。 |
ondrop | script | 当被拖元素正在被拖放时运行的脚本。 |
onmousewheel | script | 当鼠标滚轮正在被滚动时运行的脚本。 |
onscroll | script | 当元素滚动条被滚动时运行的脚本。 |
Media事件:
由媒介(比如视频、图像和音频)触发的事件(适用于所有 HTML 元素,但常见于媒介元素中,比如 <audio>、<embed>、<img>、<object> 以及 <video>):
属性 | 值 | 描述 |
---|---|---|
oncanplay | script | 当文件就绪可以开始播放时运行的脚本(缓冲已足够开始时)。 |
oncanplaythrough | script | 当媒介能够无需因缓冲而停止即可播放至结尾时运行的脚本。 |
ondurationchange | script | 当媒介长度改变时运行的脚本。 |
onemptied | script | 当发生故障并且文件突然不可用时运行的脚本(比如连接意外断开时)。 |
onended | script | 当媒介已到达结尾时运行的脚本(可发送类似“感谢观看”之类的消息)。 |
onerror | script | 当在文件加载期间发生错误时运行的脚本。 |
onloadeddata | script | 当媒介数据已加载时运行的脚本。 |
onloadedmetadata | script | 当元数据(比如分辨率和时长)被加载时运行的脚本。 |
onloadstart | script | 在文件开始加载且未实际加载任何数据前运行的脚本。 |
onpause | script | 当媒介被用户或程序暂停时运行的脚本。 |
onplay | script | 当媒介已就绪可以开始播放时运行的脚本。 |
onplaying | script | 当媒介已开始播放时运行的脚本。 |
onprogress | script | 当浏览器正在获取媒介数据时运行的脚本。 |
onratechange | script | 每当回放速率改变时运行的脚本(比如当用户切换到慢动作或快进模式)。 |
onreadystatechange | script | 每当就绪状态改变时运行的脚本(就绪状态监测媒介数据的状态)。 |
onseeked | script | 当 seeking 属性设置为 false(指示定位已结束)时运行的脚本。 |
onseeking | script | 当 seeking 属性设置为 true(指示定位是活动的)时运行的脚本。 |
onstalled | script | 在浏览器不论何种原因未能取回媒介数据时运行的脚本。 |
onsuspend | script | 在媒介数据完全加载之前不论何种原因终止取回媒介数据时运行的脚本。 |
ontimeupdate | script | 当播放位置改变时(比如当用户快进到媒介中一个不同的位置时)运行的脚本。 |
onvolumechange | script | 每当音量改变时(包括将音量设置为静音)时运行的脚本。 |
转载于:https://www.cnblogs.com/bobo-pcb/p/4063348.html
初学HTML5系列二:HTML5新增的事件属性相关推荐
- HTML5系列:HTML5与HTML4的区别
1. 语法的改变 1.1 DOCTYPE声明 DOCTYPE声明在HTML文件中必不可少,位于文件第一行. HTML4中声明方法: <!DOCTYPE html PUBLIC "-// ...
- HTML5 CSS3提高 11-01 新增标签及属性 表单 多媒体 结构伪类 伪元素 过渡 小米log jd进度条
HTML5新特性 1.语义化标签 (★★) <header> 头部标签 <nav> 导航标签 <article> 内容标签 <section> 定义文档 ...
- 家居产品HTML5,内容二 - html5高档家居网站模板
易通企业网站系统是九州易通科技开发的中国首套免费提供模板的营销型企业网站管理系统,系统前台生成html.完全符合SEO.同时有在线客服.潜在客户跟踪.便捷的企业网站管理.搜索引擎推广等功能. 九州易通 ...
- 扩展log4j系列[二]为DailyRollingFileAppender加上maxBackupIndex属性
在log4j的大多数appender中,都有maxBackupIndex属性,但是这个DailyRollingFileAppender没有,也就是说它会每天滚一个文件,却没有办法控制文件总个数.这绝对 ...
- opencv python教程简书_OpenCV-Python系列二:常用的图像属性
对于图像,我们经常需要知道关于图像的特殊属性,比如宽度,高度,面积,像素点数目等等,那么在opencv-python中,这些信息如何获取呢? 本文结构: 1.基本图像属性 2. 对于opencv中的特 ...
- html5表单新增的输入类型,HTML5之表单新增类型介绍
1.html5的input标签的type类型新增介绍: 2.表单新增属性介绍: 3.代码示例: 1970 1980 1990 默认值: form="register" /> ...
- 使用 jQuery Mobile 与 HTML5 开发 Web App (十二) —— jQuery Mobile 页面事件与 deferred
在系列的上一篇文章<使用 jQuery Mobile 与 HTML5 开发 Web App -- jQuery Mobile 事件详解>中,Kayo 介绍了除页面事件外的其他 jQuery ...
- HTML5简明教程系列之HTML5 表格与表单(二)
HTML的第二弹也来了,最近高产似母猪,状态也不错,代码来源为实验课.本期主要内容为:HTML表格与DIV应用.HTML表单.上期基础部分的传送门: HTML5简明教程系列之HTML5基础(一)_Th ...
- HTML5新增标签与属性
文章目录 一.HTML5新增属性 1.1.contextmenu 1.2.contentEditable 1.3.hidden 1.4.draggable 1.5.data-* 1.6.placeho ...
最新文章
- dplyr和data.table让你的数据分析事半功倍
- Citrix路径遍历(CVE-2019-19781)
- vector中删除元素后,如何有效的释放无效元素的内存
- 【调试手段】GDB调试
- 1134 Vertex Cover
- 给定入栈序列,判断出栈序列是否合法
- 死锁问题------------------------INSERT ... ON DUPLICATE KEY UPDATE*(转)
- Windows 2003系统安全+IIS下Web与FTP的完美结合(下)
- mysql数据库data没有新创建_如何从pandas datafram在MySQL数据库中创建新表
- win7定时关机命令_WIN7系统还有用吗?怎么随时切换WIN7/10?
- 漫反射与Lambert模型
- 我对M4A文件格式的理解
- 字符串的输入输出处理
- Java泛型方法返回值前面为什么要加上T
- h5: canvas如何设置高度和宽度
- 20190121——不羡神仙 Java抽象工厂模式
- firefox不兼容a标签文件下载
- 欺骗的艺术——第二部分(1)
- continue语句可以用在switch语句和3种循环语句中_Java中的循环
- 多媒体个人计算机软件系统由,多媒体计算机软件系统由什么组成
热门文章
- hyperworks2018安装教程
- 光流 | 基于光流的实时运动物体检测(MATLAB代码)
- 毕业论文 | 基于单片机的多功能智能小车设计论文(电路+程序+论文)
- 如何查找计算机开机项,怎么查看电脑启动项 电脑开
- html5 svg 拖拽,SVG拖动
- 趣学python3(35)-Newton迭代法解一元方程
- tensorflow随笔-底层梯度
- CVPR 2022 接收结果出炉!录用 2067 篇,接收数量上升24%(附最新论文下载)
- 【Python】pandas一行代码绘制26种美图
- 【面试相关】非计算机专业如何1年内自学拿到算法offer