event对象获取方法总结在google浏览器下测试


Posted in Javascript onNovember 03, 2013

简介:

Event 对象代表事件的状态,比如事件在其中发生的元素、键盘按键的状态、鼠标的位置、鼠标按钮的状态。 事件通常与函数结合使用,函数不会在事件发生前被执行!
Event对象的获取方法:

方法一:

例如:

function demo1(e){ var e = e || window.event; 
//此种方法在ie中和google中可以不传参数e也可以获取到event,但是在火狐中必须在事件方法中传递event参数 
//才可以获取到event对象。 
} 
<input onclick = "demo1(event)" value="demo1"/>

方法二:通用的方便的方法(这种方法方便之处在于不用传参数)

例如:

function demo2(){ var e = arguments.callee.caller.arguments[0] || window.event; 
//arguments.callee指的就是当前的函数体 
//arguments.callee.caller就是当前函数的上级函数 
//所以当执行onclick="demo2()"时arguments.callee就是demo2(),arguments.callee.caller就是function onclick , 
//onclick的第一个能数就是event,也就是arguments.callee.caller.arguments[0]这个。 
} 
<input onclick="demo2()" value="demo2"/>

详细测试总结:

一:万能的同样的方法是:传递参数event(实参必须写event换其他名称不行)方式。

二:window.event适用于ie和google浏览器火狐不支持。

三:arguments.callee.caller.arguments[0]仅火狐和google支持,ie不支持这种获取方式。

从以上测试结果可知google浏览器支持以上各种获取方式,属于兼容性最强的一个浏览器。

Javascript 相关文章推荐
js对象关系图 方便dom操作
Mar 18 Javascript
javascript学习笔记(九) js对象 设计模式
Jun 19 Javascript
jquery 图片缩放拖动的简单实例
Jan 08 Javascript
类似天猫商品详情随浏览器移动的示例代码
Feb 27 Javascript
不想让浏览器运行javascript脚本的方法
Nov 20 Javascript
使用JQuery实现智能表单验证功能
Mar 08 Javascript
js removeChild 方法深入理解
Aug 16 Javascript
打造自己的jQuery插件入门教程
Sep 23 Javascript
Javascript动画效果(2)
Oct 11 Javascript
详解Vue学习笔记入门篇之组件的内容分发(slot)
Jul 17 Javascript
JavaScript 完成注册页面表单校验的实例
Aug 19 Javascript
Vue使用vue-recoure + http-proxy-middleware + vuex配合promise实现基本的跨域请求封装
Oct 21 Javascript
关于删除时的提示处理(确定删除吗)
Nov 03 #Javascript
JavaScript自定义方法实现trim()、Ltrim()、Rtrim()的功能
Nov 03 #Javascript
JavaScript中使用Substring删除字符串最后一个字符
Nov 03 #Javascript
div模拟选择框示例代码
Nov 03 #Javascript
html文件中jquery与velocity变量中的$冲突的解决方法
Nov 01 #Javascript
Javascript中string转date示例代码
Nov 01 #Javascript
文档对象模型DOM通俗讲解
Nov 01 #Javascript
You might like
MVC模式的PHP实现
2006/10/09 PHP
php获取字符串中各个字符出现次数的方法
2015/02/23 PHP
PHP实现基于栈的后缀表达式求值功能
2017/11/10 PHP
Jquery弹出窗口插件 LeanModal的使用方法
2012/03/10 Javascript
从阶乘函数对比Javascript和C#的异同
2012/05/31 Javascript
关于innerHTML后丢失动态绑定的EVENT问题解决方法
2013/05/19 Javascript
Chrome扩展页面动态绑定JS事件提示错误
2014/02/11 Javascript
禁用Enter键表单自动提交实现代码
2014/05/22 Javascript
jQuery满屏焦点图左右滚动特效代码分享
2015/09/07 Javascript
基于JavaScript代码实现兼容各浏览器的设为首页和加入收藏
2016/01/07 Javascript
基于JS如何实现类似QQ好友头像hover时显示资料卡的效果(推荐)
2016/06/09 Javascript
Vue.js快速入门教程
2016/09/07 Javascript
利用纯js + transition动画实现移动端web轮播图详解
2017/09/10 Javascript
vue项目实现表单登录页保存账号和密码到cookie功能
2018/08/31 Javascript
layui将table转化表单显示的方法(即table.render转为表单展示)
2019/09/24 Javascript
nest.js 使用express需要提供多个静态目录的操作方法
2019/10/24 Javascript
JS获取当前时间的年月日时分秒及时间的格式化的方法
2019/12/18 Javascript
js获取url页面id,也就是最后的数字文件名
2020/09/25 Javascript
javascript中闭包closure的深入讲解
2021/03/03 Javascript
Python读取一个目录下所有目录和文件的方法
2016/07/15 Python
Python采用Django制作简易的知乎日报API
2016/08/03 Python
python+matplotlib实现礼盒柱状图实例代码
2018/01/16 Python
Python随机函数库random的使用方法详解
2019/08/21 Python
python实现在一个画布上画多个子图
2020/01/19 Python
解决Django no such table: django_session的问题
2020/04/07 Python
Pycharm快捷键配置详细整理
2020/10/13 Python
ReVive利维肤美国官网:RéVive Skincare
2018/04/18 全球购物
LivingSocial爱尔兰:爱尔兰本地优惠
2018/08/10 全球购物
小学生学习雷锋倡议书
2014/05/15 职场文书
2014年会计个人工作总结
2014/11/24 职场文书
受资助学生感谢信
2015/01/21 职场文书
党员活动总结
2015/02/04 职场文书
员工辞职信范文
2015/03/02 职场文书
公司员工手册范本
2015/05/14 职场文书
2015年暑期社会实践报告
2015/07/13 职场文书
SpringBoot快速入门详解
2021/07/21 Java/Android