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 相关文章推荐
JS拖动技术 关于setCapture使用
Dec 09 Javascript
十个迅速提升JQuery性能让你的JQuery跑得更快
Dec 10 Javascript
浅谈javascript中this在事件中的应用
Feb 15 Javascript
jQuery替换节点用法示例(使用replaceWith方法)
Sep 08 Javascript
javascript基本数据类型及类型检测常用方法小结
Dec 14 Javascript
AngularJS基于provider实现全局变量的读取和赋值方法
Jun 28 Javascript
Mongoose实现虚拟字段查询的方法详解
Aug 15 Javascript
使用vue-cli+webpack搭建vue开发环境的方法
Dec 22 Javascript
判断JavaScript中的两个变量是否相等的操作符
Dec 21 Javascript
electron+vue实现div contenteditable截图功能
Jan 07 Javascript
解决Antd Table表头加Icon和气泡提示的坑
Nov 17 Javascript
基于javascript实现移动端轮播图效果
Dec 21 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
使用sockets:从新闻组中获取文章(二)
2006/10/09 PHP
一个PHP实现的轻量级简单爬虫
2015/07/08 PHP
Yii输入正确验证码却验证失败的解决方法
2017/06/06 PHP
laravel框架使用FormRequest进行表单验证,验证异常返回JSON操作示例
2020/02/18 PHP
Yii使用EasyWechat实现小程序获取用户的openID的方法
2020/04/29 PHP
JQuery为textarea添加maxlength属性并且兼容IE
2013/04/25 Javascript
Jquery倒数计时按钮setTimeout的实例代码
2013/07/04 Javascript
js实现从数组里随机获取元素
2015/01/12 Javascript
使用JavaScript脚本无法直接改变Asp.net中Checkbox控件的Enable属性的解决方法
2015/09/16 Javascript
Jquery插件easyUi实现表单验证示例
2015/12/15 Javascript
基于jQuery和CSS3制作响应式水平时间轴附源码下载
2015/12/20 Javascript
javascript中使用未定义变量或值的情况分析
2016/07/19 Javascript
jQuery简单实现iframe的高度根据页面内容自适应的方法
2016/08/01 Javascript
JS实现的手机端精简幻灯片效果
2016/09/05 Javascript
NodeJs读取JSON文件格式化时的注意事项
2016/09/25 NodeJs
easyui中combotree循环获取父节点至根节点并输出路径实现方法
2016/11/10 Javascript
js编写三级联动简单案例
2016/12/21 Javascript
提高JavaScript执行效率的23个实用技巧
2017/03/01 Javascript
详细分析单线程JS执行问题
2017/11/22 Javascript
《javascript少儿编程》location术语总结
2018/05/27 Javascript
Nuxt.js之自动路由原理的实现方法
2018/11/21 Javascript
js防抖和节流的深入讲解
2018/12/06 Javascript
Ant Design的可编辑Tree的实现操作
2020/10/31 Javascript
python中reduce()函数的使用方法示例
2017/09/29 Python
Python Web程序部署到Ubuntu服务器上的方法
2018/02/22 Python
pip安装时ReadTimeoutError的解决方法
2018/06/12 Python
对python多线程中Lock()与RLock()锁详解
2019/01/11 Python
python for和else语句趣谈
2019/07/02 Python
用Python画一个LinkinPark的logo代码实例
2019/09/10 Python
python基于socket实现的UDP及TCP通讯功能示例
2019/11/01 Python
Django使用list对单个或者多个字段求values值实例
2020/03/31 Python
Lookfantastic阿联酋官网:英国知名美妆护肤购物网站
2020/05/26 全球购物
垃圾回收的优点和原理
2014/05/16 面试题
公司庆典活动邀请函
2014/01/09 职场文书
工会积极分子个人总结
2015/03/03 职场文书
浅谈Python数学建模之固定费用问题
2021/06/23 Python