文档章节

HTML5事件属性

凉亭-月下殇
 凉亭-月下殇
发布于 2016/11/07 19:05
字数 717
阅读 13
收藏 0

HTML5元素可拥有事件属性,这些属性在浏览器中触发行为,比如当用户单击一个HTML5元素时启动一段JavaScript.下面列出的事件属性,可以把它们插入HTML标签来定义事件行为。 

HTML5中的新事件属性:onabort,onbeforeunload,oncontextmenu,ondrag,ondragend,ondragenter,ondragleave,ondragover,ondragstart,ondrop,onerror,onmessage,onmousewheel,onresize,onscroll,onunload. 

4:指在HTML4.01中定义了该元素。 

5:指在HTML5中定义了该元素。 

HTML5不再支持的HTML4.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
 

 

调取手机相册和相机:jquery

            <input type="file" accept="video/*;capture=camcorder"> 

            <input type="file" accept="audio/*;capture=microphone">

            <input type="file" accept="image/*;capture=camera">直接调用相机

            <input type="file" accept="image/*" />调用相机 图片或者相册

© 著作权归作者所有

上一篇: AFNetWorking详解
下一篇: 常用的第三方
凉亭-月下殇
粉丝 15
博文 34
码字总数 26827
作品 0
咸阳
私信 提问
HTML5学习之Web Storage基础知识

HTML5 Web 存储 在HTML5 Web Storage还没出来之前,本地存储使用的是 cookie. 但是Web 存储需要更加的安全与快速,这些数据不会被保存在服务器上,但是这些数据只用于用户请求网站数据上.它也可...

CHIEMINCHAN
2018/05/11
0
0
好程序员教程之HTML5中的storage 如何使用

HTML5中,我们常常用到storage,那这个storage到底是什么?有啥用呢?其实,storage是个很简单的东西,只要熟悉JavaScript中对象的童鞋,看完小编本文的分享,对storage的概念及用法应该都能...

好程序员IT
03/22
9
0
HTML5-localStorage、sessionStorage用法总结

localStorage和sessionStorage功能 localStorage用于持久化的本地存储,除非主动删除数据,否则数据是永远不会过期的。 sessionStorage用于本地存储一个会话(session)中的数据,这些数据只...

iNiL0119
2015/03/21
910
0
HTMl5的sessionStorage和localStorage

html5中的Web Storage包括了两种存储方式:sessionStorage和localStorage。 sessionStorage用于本地存储一个会话(session)中的数据,这些数据只有在同一个会话中的页面才能访问并且当会话结...

lg2045
2014/10/09
95
0
HTML5 Web Storage 存储介绍

Web Storage是HTML5 API提供一个新的重要的特性; 最新的Web Storage草案中提到,在web客户端可用html5 API,以Key-Value形式来进行数据持久存储; 目前主要的浏览器已经支持该功能: 常见的...

前端老手
09/19
16
0

没有更多内容

加载失败,请刷新页面

加载更多

读书笔记:深入理解ES6 (五)

第五章 解构:使数据访问更便捷 第1节 为什么使用解构功能?   在ES5中,开发者们从对象、数组中获取特定数据并赋值给变量,编写了很多看起来同质化的代码。例如: 1 let options = {2 ...

张森ZS
7分钟前
7
0
CentOS7 yum方式安装MySQL5.7

在CentOS中默认安装有MariaDB,这个是MySQL的分支,但为了需要,还是要在系统中安装MySQL,而且安装完成之后可以直接覆盖掉MariaDB。 1 下载并安装MySQL官方的 Yum Repository [root@localho...

roockee
16分钟前
6
0
Allegro三种自定义设置快捷键的方法

Allegro自定义设置快捷键的三种方法: 1、在Allegro PCB editor 命令窗口直接定义 2、通过修改用户变量env文件来设置快捷键 3、定义笔画为快捷键 1、在Allegro PCB editor 命令窗口直接定义 ...

demyar
20分钟前
6
0
如何做一张能让人眼前一亮的大屏?

作为在职场驰骋的社会人,提到数据可视化大家应该都不陌生了。数据可视化的作用也不用我多说,主要是利用图形化手段,更清晰直观地将数据展示。多层次、交互式的可视化分析能够方便决策者理解...

朕想上头条
21分钟前
4
0
TL138/1808/6748-EthEVM开发板硬件CPU、FLASH、RAM

TL138/1808/6748-EthEVM是广州创龙基于SOM-TL138/1808/6748核心板开发的一款开发板,具有三个网络接口。由于SOM-TL138/1808/6748核心板管脚兼容,所以此三个核心板共用同一个底板。开发板采用...

Tronlong创龙
25分钟前
7
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部