关于火狐(firefox)及ie下event获取的两种方法
经常有同事问我在火狐浏览器怎么获取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]这个。
相关文章
Lacie
2021-04-23
Serwa
2020-03-20
Haidee
2021-01-16
Rhoda
2023-07-22
Hester
2023-07-22
Grace
2023-07-22
Vanna
2023-07-22
Peony
2023-07-22
Dorothy
2023-07-22
Dulcea
2023-07-22
Zandra
2023-07-22
Serafina
2023-07-24
Kathy
2023-08-08
Olivia
2023-08-08
Elina
2023-08-08
Jacinthe
2023-08-08
Viridis
2023-08-08
Hana
2023-08-08