关于火狐(firefox)及ie下event获取的两种方法
更新时间：2012年12月27日 09:39:44 作者：
经常有同事问我在火狐浏览器怎么获取event的方法，大多是想获取event.keyCode的功能,接下来为您介绍两种实现方法，需要了解的朋友可以参考下
经常有同事问我在火狐浏览器怎么获取event的方法，大多是想获取event.keyCode的功能两种方法
第一种方法：
function a(e){
e=e||window.event;
alert(e.keyCode);
}
ie浏览器如下调用
<body onclick="a()">
firefox火狐浏览器如下调用
<body onclick="a(event)">
这样就可以调用成功
这种方法在firefox需要带个参数过去，不是太好，下面介绍第二种方法
第二种方法：
function a(){
e=arguments.callee.caller.arguments[0] || window.event;
alert(e.keyCode);
}
ie和firefox下都如下调用
<body onclick="a()">
这里要解释一下arguments.callee.caller.arguments[0]，
简单例子如下:
function a(){
b();
}
function b(){
alert(b === arguments.callee)
alert(b.caller === a)
alert(arguments.callee.caller === a)
}
a();
上面的这个例子将输出3个true,表明当a()调用时，函数b与函数a的关系。
arguments.callee指的就是当前的函数体
arguments.callee.caller就是当前函数的上级函数
所以当执行onclick="a()"时arguments.callee就是a()，arguments.callee.caller就是function onclick
onclick的第一个能数就是event，也就是arguments.callee.caller.arguments[0]这个。
第一种方法：
复制代码 代码如下:
function a(e){
e=e||window.event;
alert(e.keyCode);
}
ie浏览器如下调用
复制代码 代码如下:
<body onclick="a()">
firefox火狐浏览器如下调用
复制代码 代码如下:
<body onclick="a(event)">
这样就可以调用成功
这种方法在firefox需要带个参数过去，不是太好，下面介绍第二种方法
第二种方法：
复制代码 代码如下:
function a(){
e=arguments.callee.caller.arguments[0] || window.event;
alert(e.keyCode);
}
ie和firefox下都如下调用
复制代码 代码如下:
<body onclick="a()">
这里要解释一下arguments.callee.caller.arguments[0]，
简单例子如下:
复制代码 代码如下:
function a(){
b();
}
function b(){
alert(b === arguments.callee)
alert(b.caller === a)
alert(arguments.callee.caller === a)
}
a();
上面的这个例子将输出3个true,表明当a()调用时，函数b与函数a的关系。
arguments.callee指的就是当前的函数体
arguments.callee.caller就是当前函数的上级函数
所以当执行onclick="a()"时arguments.callee就是a()，arguments.callee.caller就是function onclick
onclick的第一个能数就是event，也就是arguments.callee.caller.arguments[0]这个。
相关文章
这篇文章主要为大家详细介绍了js使用xml数据载体实现城市省份二级联动效果，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2017-11-11
uniapp框架是一款开发跨平台应用的工具,它支持iOS、Android以及Web等多个平台,在这些平台中,uniapp可以访问某些设备的硬件信息,这篇文章主要给大家介绍了关于uniapp使用uni-imei插件获取手机设备号的相关资料,需要的朋友可以参考下2024-01-01
在项目开发过程中遇到一个需要从小程序上传图片的需求,此需求实现起来并不难,下面这篇文章主要给大家介绍了关于微信小程序开发指南之图片压缩解决方案的相关资料,文中通过实例代码介绍的非常详细,需要的朋友可以参考下2022-08-08
本篇文章主要介绍了详解webpack介绍&安装&常用命令，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧2017-06-06
这里给大家分享的是通过js脚本来控制页面中的正方体转动特效，用户可以点击按钮向右转动，也可以向下转动，结合自己的需求控制即可。效果非常棒，这里推荐给大家2016-10-10
这篇文章主要为大家详细介绍了微信小程序实现手指触摸画板，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2018-07-07
同样在HTML5可以通过data-自定义属性名来给元素添加自定义的属性名。一旦添加完成之后。通过JS可以获取以及设置自定义属性。这篇文章主要介绍了jQuery中选择查找自定义属性具有特定值的所有元素2023-02-02
23个Javascript弹出窗口特效，需要的朋友可以参考下。2011-02-02
这篇文章主要介绍了基于chosen插件实现人员选择树搜索自动筛选功能的相关资料,需要的朋友可以参考下2016-09-09
Echarts是由百度提供的数据可视化解决方案,下面这篇文章主要给大家介绍了关于echarts使用中关于y坐标轴无法正常显示的问题解决记录,文中通过图文介绍的非常详细,需要的朋友可以参考下2023-12-12
最新评论