21个JavaScript事件(Events)属性汇总


Posted in Javascript onDecember 02, 2014

1、js事件通常和函数结合来使用,这样可以通过发生的事件来驱动函数的执行,从而引起html出现不同的效果。

2、属性(当这些事件的属性发生时,会触发function{}的函数):

1)onabort:当图像加载被中断时,会引发function内的函数。

2)onbur:当元素失去焦点;

3)onfocus:当元素获得焦点

4)onclick:鼠标点击某个对象

21个JavaScript事件(Events)属性汇总

21个JavaScript事件(Events)属性汇总

5)ondbclick:鼠标双击某个对象

6)onerror:当加载文档或图像时发生某个错误

7)onchange:当用户改变域的内容(onchange事件常结合对输入的字段验证来使用,常用语表单验证身份证、邮箱注册及登录、区号等等的格式是否正确)

21个JavaScript事件(Events)属性汇总

8)onkeydown:某个键盘的键被按下

9)onkeypress:某个键盘的键被按下或按住

10)onkeyup:某个键盘的键被松开

11)onload:某个页面或图像被完成加载

21个JavaScript事件(Events)属性汇总

12)onmousedown:某个鼠标按键被按下(onmousedown, onmouseup 以及 onclick 构成了鼠标点击事件的所有部分。首先当点击鼠标按钮时,会触发 onmousedown 事件,当释放鼠标按钮时,会触发 onmouseup 事件,最后,当完成鼠标点击时,会触发 onclick 事件。)

13)onmousemove:鼠标被移动

14)onmouseout:鼠标从某元素移开

15)onmouseover:鼠标被移动到某元素之上

16)onmouseup:某个鼠标按钮被松开(区别onkeyup)

17)onreset:重置按钮被点击

18)onresize:窗口或框架被调整尺寸

19)onselect:文本被选定

20)onsubmit:提交按钮被点击

21)onunload:用户退出页面

以上就是本文总结的关于javascript事件(event)属性的全部内容了,自己汇总的一些知识点,如有遗漏,还请大家指正,共同进步。

Javascript 相关文章推荐
JavaScript库 开发规则
Jan 31 Javascript
artdialog的图片/标题以及关闭按钮不显示的解决方法
Jun 27 Javascript
jquery实现图片渐变切换兼容ie6/Chrome/Firefox
Aug 02 Javascript
使用jquery prev()方法找到同级的前一个元素
Jul 11 Javascript
vue.js中$watch的用法示例
Oct 04 Javascript
jQuery通过ajax方法获取json数据不执行success的原因及解决方法
Oct 15 Javascript
利用JS轻松实现获取表单数据
Dec 06 Javascript
详解JavaScript事件循环机制
Sep 07 Javascript
vue props传值失败 输出undefined的解决方法
Sep 11 Javascript
vue模式history下在iis中配置流程
Apr 17 Javascript
微信小程序云开发实现增删改查功能
May 17 Javascript
egg.js的基本使用和调用数据库的方法示例
May 18 Javascript
bootstrap改变按钮加载状态
Dec 01 #Javascript
使用ajax+jqtransform实现动态加载select
Dec 01 #Javascript
Javascript字符串浏览器兼容问题分析
Dec 01 #Javascript
为什么Node.js会这么火呢?Node.js流行的原因
Dec 01 #Javascript
Javascript学习指南
Dec 01 #Javascript
Javascript模块化编程详解
Dec 01 #Javascript
浅谈Javascript中深复制
Dec 01 #Javascript
You might like
使用PHP Socket 编程模拟Http post和get请求
2014/11/25 PHP
php猜单词游戏
2015/09/29 PHP
php+js实现百度地图多点标注的方法
2016/11/30 PHP
php微信开发之关注事件
2018/06/14 PHP
CodeIgniter框架钩子机制实现方法【hooks类】
2018/08/21 PHP
用php实现分页效果的示例代码
2020/12/10 PHP
Aster vs Newbee BO5 第一场2.19
2021/03/10 DOTA
基于jQuery的可用于选项卡及幻灯的切换插件
2011/03/28 Javascript
javascript中的nextSibling使用陷(da)阱(keng)
2014/05/05 Javascript
jquery中trigger()无法触发hover事件的解决方法
2015/05/07 Javascript
jquery表单对象属性过滤选择器实例分析
2015/05/18 Javascript
JS将滑动门改为选项卡(需鼠标点击)的实现方法
2015/09/27 Javascript
javascript实现随机显示星星特效
2016/01/28 Javascript
JavaScript通过filereader接口读取文件
2017/05/10 Javascript
详解用webpack2搭建angular2的项目
2017/06/22 Javascript
浅谈jQuery框架Ajax常用选项
2017/07/08 jQuery
JS实现字符串去重及数组去重的方法示例
2018/04/21 Javascript
vue移动端微信授权登录插件封装的实例
2018/08/28 Javascript
layui.use模块外部使用其内部定义的js封装函数方法
2019/09/16 Javascript
[05:40]DOTA2荣耀之路6:Wings最后进攻
2018/05/30 DOTA
[07:01]DOTA2-DPC中国联赛正赛 Aster vs Magma 3月5日 赛后选手采访
2021/03/11 DOTA
在Python中使用异步Socket编程性能测试
2014/06/25 Python
Python中的if、else、elif语句用法简明讲解
2016/03/11 Python
Python查找文件中包含中文的行方法
2018/12/19 Python
python中bs4.BeautifulSoup的基本用法
2019/07/27 Python
Python垃圾回收机制三种实现方法
2020/04/27 Python
python中如何进行连乘计算
2020/05/28 Python
Python可视化工具如何实现动态图表
2020/10/23 Python
python+selenium爬取微博热搜存入Mysql的实现方法
2021/01/27 Python
使用CSS3 制作一个material-design 风格登录界面实例
2016/12/12 HTML / CSS
手工社团活动方案
2014/02/17 职场文书
《海底世界》教学反思
2014/04/16 职场文书
CSS实现漂亮的时钟动画效果的实例代码
2021/03/30 HTML / CSS
python3.9之你应该知道的新特性详解
2021/04/29 Python
MySQL索引失效的典型案例
2021/06/05 MySQL
如何搭建 MySQL 高可用高性能集群
2021/06/21 MySQL