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下的keyCode键码值表
Apr 10 Javascript
Javascript实现关联数据(Linked Data)查询及注意细节
Feb 22 Javascript
原生javascript实现匀速运动动画效果
Feb 26 Javascript
javascript拖拽应用实例(二)
Mar 25 Javascript
AngularJS 如何在控制台进行错误调试
Jun 07 Javascript
React Native之ListView实现九宫格效果的示例
Aug 02 Javascript
详解浏览器缓存和webpack缓存配置
Jul 06 Javascript
详解JS中统计函数执行次数与执行时间
Sep 04 Javascript
利用d3.js力导布局绘制资源拓扑图实例教程
Jan 08 Javascript
用Vue.js在浏览器中实现裁剪图像功能
Jun 18 Javascript
js cavans实现静态滚动弹幕
May 21 Javascript
js实现点击烟花特效
Oct 14 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和XSL stylesheets转换XML文档
2006/10/09 PHP
PHP实现网上点歌(二)
2006/10/09 PHP
PHP函数getenv简介和使用实例
2014/05/12 PHP
ThinkPHP实现事务回滚示例代码
2014/06/23 PHP
php ci 获取表单中多个同名input元素值的代码
2016/03/25 PHP
让GoogleCode的SVN下的HTML文件在FireFox下正常显示.
2009/05/25 Javascript
网页图片延时加载的js代码
2010/04/22 Javascript
读jQuery之七 判断点击了鼠标哪个键的代码
2011/06/21 Javascript
用javascript将数据导入Excel示例代码
2014/09/10 Javascript
JavaScript严格模式禁用With语句的原因
2014/10/20 Javascript
Javascript中3个需要注意的运算符
2015/04/02 Javascript
微信小程序 MD5加密登录密码详解及实例代码
2017/01/12 Javascript
jQuery实现可兼容IE6的遮罩功能详解
2017/09/19 jQuery
vue.js element-ui validate中代码不执行问题解决方法
2017/12/18 Javascript
微信小程序实现图片滚动效果示例
2018/12/05 Javascript
详解vue使用插槽分发内容slot的用法
2019/03/28 Javascript
使用js实现一个简单的滚动条过程解析
2019/09/10 Javascript
微信小程序实现点击生成随机验证码
2020/09/09 Javascript
可拖拽组件slider.js使用方法详解
2020/12/04 Javascript
Django中模型Model添加JSON类型字段的方法
2015/06/17 Python
python docx 中文字体设置的操作方法
2018/05/08 Python
Python判断telnet通不通的实例
2019/01/26 Python
PowerBI和Python关于数据分析的对比
2019/07/11 Python
Python使用monkey.patch_all()解决协程阻塞问题
2020/04/15 Python
Python CategoricalDtype自定义排序实现原理解析
2020/09/11 Python
Pycharm的Available Packages为空的解决方法
2020/09/18 Python
简述Html5 IphoneX 适配方法
2018/02/08 HTML / CSS
美国工业用品采购网站:Zoro.com
2020/10/27 全球购物
若通过ObjectOutputStream向一个文件中多次以追加方式写入object,为什么用ObjectInputStream读取这些object时会产生StreamCorruptedException?
2016/10/17 面试题
运动会通讯稿100字
2014/01/31 职场文书
股权转让意向书
2014/04/01 职场文书
政工例会汇报材料
2014/08/26 职场文书
2015年毕业实习工作总结
2014/12/12 职场文书
2015秋季开学演讲稿范文
2015/07/16 职场文书
mysql在项目中怎么选事务隔离级别
2021/05/25 MySQL
Spring Security中用JWT退出登录时遇到的坑
2021/10/16 Java/Android