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变量作用域更轻松
Oct 25 Javascript
js给dropdownlist添加选项的小例子
Mar 04 Javascript
解析JavaScript中点号“.”的多义性
Dec 02 Javascript
JavaScript实现彩虹文字效果的方法
Apr 16 Javascript
jquery代码实现多选、不同分享功能
Jul 31 Javascript
js文本框走动跑马灯效果代码分享
Aug 25 Javascript
javascript for-in有序遍历json数据并探讨各个浏览器差异
Nov 30 Javascript
BootStrap 动态表单效果
Jun 02 Javascript
详解angular ui-grid之过滤器设置
Jun 07 Javascript
javascript计算对象长度的方法
Oct 25 Javascript
Vue 表情包输入组件的实现代码
Jan 21 Javascript
如何使用JavaScript实现栈与队列
Jun 24 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
全国FM电台频率大全 - 28 甘肃省
2020/03/11 无线电
简单的cookie计数器实现源码
2013/06/07 PHP
PHP访问Google Search API的方法
2015/03/05 PHP
Nginx环境下PHP flush失效的解决方法
2016/10/19 PHP
javascript 三种编解码方式
2010/02/01 Javascript
有趣的javascript数组定义方法
2010/09/10 Javascript
js判断IE6/IE7/FF的代码[XMLHttpRequest]
2011/02/16 Javascript
jquery 多行文本框(textarea)高度变化
2013/07/03 Javascript
原生javascript实现获取指定元素下所有后代元素的方法
2014/10/28 Javascript
被遗忘的javascript的slice() 方法
2015/04/20 Javascript
关于cookie的初识和运用(js和jq)
2016/04/07 Javascript
JS动态给对象添加事件的简单方法
2016/07/19 Javascript
AngularJS基础 ng-mousemove 指令简单示例
2016/08/02 Javascript
JavaScript中 ES6 generator数据类型详解
2016/08/11 Javascript
Vue中fragment.js使用方法详解
2017/03/09 Javascript
ES6入门教程之Iterator与for...of循环详解
2017/05/17 Javascript
vue.js实现数据动态响应 Vue.set的简单应用
2017/06/15 Javascript
bootstrap精简教程_动力节点Java学院整理
2017/07/14 Javascript
基于vue.js无缝滚动效果
2018/01/25 Javascript
Vue项目使用CDN优化首屏加载问题
2018/04/01 Javascript
详解vue数组遍历方法forEach和map的原理解析和实际应用
2018/11/15 Javascript
解决antd 下拉框 input [defaultValue] 的值的问题
2020/10/31 Javascript
Python 数据处理库 pandas 入门教程基本操作
2018/04/19 Python
pandas DataFrame索引行列的实现
2019/06/04 Python
centos7之Python3.74安装教程
2019/08/15 Python
Windows10下Tensorflow2.0 安装及环境配置教程(图文)
2019/11/21 Python
python 实现目录复制的三种小结
2019/12/04 Python
TensorFlow设置日志级别的几种方式小结
2020/02/04 Python
Manjaro、pip、conda更换国内源的方法
2020/11/17 Python
卡西欧B级产品官方网站:Casio Outlet
2018/05/22 全球购物
印度在线购物网站:Paytmmall
2019/07/24 全球购物
意大利领先的奢侈品在线时装零售商:MCLABELS
2020/10/13 全球购物
2015年办公室文员工作总结
2015/04/24 职场文书
离婚案件原告代理词
2015/05/23 职场文书
详解 TypeScript 枚举类型
2021/11/02 Javascript
《勇者辞职不干了》上卷BD发售宣传CM公开
2022/04/08 日漫