深入理解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 相关文章推荐
js Flash插入函数免激活代码
Mar 31 Javascript
javascript 解决表单仍然提交即使监听处理函数返回false
Mar 14 Javascript
MC Dialog js弹出层 完美兼容多浏览器(5.6更新)
May 06 Javascript
jquery鼠标滑过提示title具体实现代码
Aug 06 Javascript
JS 两个字符串时间的天数差计算
Aug 25 Javascript
Angular用来控制元素的展示与否的原生指令介绍
Jan 07 Javascript
jQuery实现冻结表头的方法
Mar 09 Javascript
再谈JavaScript异步编程
Jan 27 Javascript
React全家桶环境搭建过程详解
May 18 Javascript
详解Webpack + ES6 最新环境搭建与配置
Jun 04 Javascript
浅谈webpack 四个核心概念之Entry
Jun 12 Javascript
vue实现tab栏点击高亮效果
Aug 19 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上传文件中文文件名乱码的解决方法
2013/11/01 PHP
PHP变量内存分配问题记录整理
2013/11/27 PHP
PHP写的资源下载防盗链类分享
2014/05/12 PHP
yii2中结合gridview如何使用modal弹窗实例代码详解
2016/06/12 PHP
PHP基于array_unique实现二维数组去重
2020/07/14 PHP
改进UCHOME的记录发布,增强可访问性用户体验
2011/01/17 Javascript
JavaScript call apply使用 JavaScript对象的方法绑定到DOM事件后this指向问题
2011/09/28 Javascript
JavaScript中switch语句的用法详解
2015/06/03 Javascript
jQuery+canvas实现简单的球体斜抛及颜色动态变换效果
2016/01/28 Javascript
jQuery的each循环用法简单示例
2016/06/12 Javascript
异步加载JS、CSS代码(推荐)
2016/06/15 Javascript
BootStrap树状图显示功能
2016/11/24 Javascript
基于Vue实现页面切换左右滑动效果
2020/06/29 Javascript
layui动态渲染生成select的option值方法
2019/09/23 Javascript
JS数组及对象遍历方法代码汇总
2020/06/16 Javascript
js实现简单的点名器随机色实例代码
2020/09/20 Javascript
Python实现的彩票机选器实例
2015/06/17 Python
详解duck typing鸭子类型程序设计与Python的实现示例
2016/06/03 Python
python 实现求解字符串集的最长公共前缀方法
2018/07/20 Python
Python 绘制酷炫的三维图步骤详解
2019/07/12 Python
Python 多线程搜索txt文件的内容,并写入搜到的内容(Lock)方法
2019/08/23 Python
详解Anconda环境下载python包的教程(图形界面+命令行+pycharm安装)
2019/11/11 Python
关于tensorflow softmax函数用法解析
2020/06/30 Python
详解CSS3新增的背景属性
2019/12/25 HTML / CSS
Html5 postMessage实现跨域消息传递
2016/03/11 HTML / CSS
捷克街头、运动和滑板一站式商店:BoardStar.cz
2019/10/06 全球购物
手机被没收检讨书
2014/02/22 职场文书
项目投资意向书
2014/04/01 职场文书
航海技术专业毕业生推荐信
2014/07/09 职场文书
2014光棍节单身联谊活动策划书
2014/10/10 职场文书
2015年财务个人工作总结范文
2015/05/22 职场文书
PostgreSQL将数据加载到buffer cache中操作方法
2021/04/16 PostgreSQL
Redis持久化与主从复制的实践
2021/04/27 Redis
python中的装饰器该如何使用
2021/06/18 Python
pycharm部署django项目到云服务器的详细流程
2021/06/29 Python
新手初学Java List 接口
2021/07/07 Java/Android