关于火狐(firefox)及ie下event获取的两种方法

最新推荐文章于 2020-06-21 11:13:24 发布

馥钰

最新推荐文章于 2020-06-21 11:13:24 发布

阅读量562

点赞数

分类专栏：浏览器兼容文章标签：浏览器兼容

浏览器兼容专栏收录该内容

5 篇文章 0 订阅

订阅专栏

经常有同事问我在火狐浏览器怎么获取event的方法，大多是想获取event.keyCode的功能,接下来为您介绍两种实现方法，需要了解的朋友可以参考下。

经常有同事问我在火狐浏览器怎么获取event的方法，大多是想获取event.keyCode的功能两种方法
第一种方法：

复制代码代码如下:

 
 function a(e){ 
 e=e||window.event; 
 alert(e.keyCode); 
 }

ie浏览器如下调用

复制代码代码如下:

firefox火狐浏览器如下调用

复制代码代码如下:

这样就可以调用成功
这种方法在firefox需要带个参数过去，不是太好，下面介绍第二种方法
第二种方法：

复制代码代码如下:

 
 function a(){ 
 e=arguments.callee.caller.arguments[0] || window.event;
 alert(e.keyCode); 
 }

ie和firefox下都如下调用

复制代码代码如下:

这里要解释一下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就是当前函数的上级函数
所以当执行οnclick="a()"时arguments.callee就是a()，arguments.callee.caller就是function onclick
onclick的第一个参数就是event，也就是arguments.callee.caller.arguments[0]这个。