深入理解javaScript中的事件驱动


Posted in Javascript onMay 21, 2013

javascript中的事件驱动是通过 鼠标或热键 的动作引发的  主要事件如下:
1、鼠标单击事件 onclick   如:( <input type="button" value="鼠标单击" onclick="执行语句.处理" />)
通常用于如下控件:
button 按钮对象
checkbox 复选框或检查列表 --配合onclick单击事件,通常用于全选效果
radio 单选按纽
reset 重置按钮
submit提交按钮 
2、内容改变事件 onchange 如:(<input type="text" onchange="触发的内容" />)
通常用于
text 文本输入框 --配合onchange,可以达到注册检测的效果
textarea 文本域
3、选中事件 onselect --当text或textarea的内容被高亮显示后触发该事件
4、获得焦点事件 onFocus  --当对象获得焦点时发生
5、失去焦点事件 onBlur --和获得焦点事件相对应!
6、文档载入事件 onload --当文档被载入是触发事件。通常也叫加载事件(加载运行) 一般用来设置cookie
7、卸载文档事件 onunload --和加载文档事件对应。当web页面退出时发生,通常更新cookie的值
8、鼠标右键菜单功能事件 oncontextmenu --可以屏蔽鼠标右键 时使用

Javascript 相关文章推荐
(function($){...})(jQuery)的意思
Jul 22 Javascript
基于Jquery插件开发之图片放大镜效果(仿淘宝)
Nov 19 Javascript
jquery的ajax()函数传值中文乱码解决方法介绍
Nov 08 Javascript
JavaScript实现数字数组按照倒序排列的方法
Apr 06 Javascript
举例讲解JavaScript中将数组元素转换为字符串的方法
Oct 25 Javascript
使用OpenLayers3 添加地图鼠标右键菜单
Dec 29 Javascript
javascript跨域请求包装函数与用法示例
Nov 03 Javascript
Vue ElementUI之Form表单验证遇到的问题
Aug 21 Javascript
用最少的JS代码写出贪吃蛇游戏
Jan 12 Javascript
iview日期控件,双向绑定日期格式的方法
Mar 15 Javascript
vue对storejs获取的数据进行处理时遇到的几种问题小结
Mar 20 Javascript
基于angular实现树形二级表格
Oct 16 Javascript
基于jquery实现控制经纬度显示地图与卫星
May 20 #Javascript
jquery控制左右箭头滚动图片列表的实例
May 20 #Javascript
javascript检测对象中是否存在某个属性判断方法小结
May 19 #Javascript
javascript之typeof、instanceof操作符使用探讨
May 19 #Javascript
关于innerHTML后丢失动态绑定的EVENT问题解决方法
May 19 #Javascript
JS特殊函数(Function()构造函数、函数直接量)区别介绍
May 19 #Javascript
JavaScript中几个重要的属性(this、constructor、prototype)介绍
May 19 #Javascript
You might like
PHP模拟asp中response类实现方法
2015/08/08 PHP
thinkphp jquery实现图片上传和预览效果
2020/07/22 PHP
PHP的中使用非缓冲模式查询数据库的方法
2017/02/05 PHP
php实现映射操作实例详解
2019/10/02 PHP
使用git迁移Laravel项目至新开发环境的步骤详解
2020/04/06 PHP
清除网页历史记录,屏蔽后退按钮!
2008/12/22 Javascript
Javascript Cookie读写删除操作的函数
2010/03/02 Javascript
锋利的jQuery jQuery中的DOM操作
2010/03/21 Javascript
鼠标拖拽移动子窗体的JS实现
2014/02/25 Javascript
JQuery拖动表头边框线调整表格列宽效果代码
2014/09/10 Javascript
Redis基本知识、安装、部署、配置笔记
2015/03/05 Javascript
快速学习JavaScript的6个思维技巧
2015/10/13 Javascript
使用jQuery.form.js/springmvc框架实现文件上传功能
2016/05/12 Javascript
js智能获取浏览器版本UA信息的方法
2016/08/08 Javascript
jQuery获取this当前对象子元素对象的方法
2016/11/29 Javascript
Node连接mysql数据库方法介绍
2017/02/07 Javascript
JS实现的简单图片切换功能示例【测试可用】
2017/02/14 Javascript
分享一个精简的vue.js 图片lazyload插件实例
2017/03/13 Javascript
vue.js中toast用法及使用toast弹框的实例代码
2018/08/27 Javascript
Vue条件循环判断+计算属性+绑定样式v-bind的实例
2018/09/18 Javascript
微信小程序获取用户绑定手机号方法示例
2019/07/21 Javascript
Vue基于iview实现登录密码的显示与隐藏功能
2020/03/06 Javascript
node.js文件的复制、创建文件夹等相关操作
2021/02/05 Javascript
详解Python在七牛云平台的应用(一)
2017/12/05 Python
TensorFlow通过文件名/文件夹名获取标签,并加入队列的实现
2020/02/17 Python
pytorch实现seq2seq时对loss进行mask的方式
2020/02/18 Python
pyecharts调整图例与各板块的位置间距实例
2020/05/16 Python
Python通过递归函数输出嵌套列表元素
2020/10/15 Python
掌上明珠Java程序员面试总结
2016/02/23 面试题
前厅收银主管岗位职责
2014/02/04 职场文书
土地转让协议书
2014/09/27 职场文书
财政局个人总结
2015/03/04 职场文书
2015年人力资源工作总结
2015/04/08 职场文书
Mac环境Nginx配置和访问本地静态资源的实现
2021/03/31 Servers
浅谈MySQL之select优化方案
2021/08/07 MySQL
浅析Python OpenCV三种滤镜效果
2022/04/11 Python