关于火狐(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]这个。
相关文章
《javascript设计模式》学习笔记七:Javascript面向对象程序设计组合模式详解
这篇文章主要介绍了Javascript面向对象程序设计组合模式,结合实例形式分析了《javascript设计模式》中Javascript面向对象组合模式相关概念、原理、定义、用法及操作注意事项,需要的朋友可以参考下2020-04-04基于JS实现横线提示输入验证码随验证码输入消失(js验证码的实现)
最近在开微信的页面,在项目需求中遇到之前没有做过的功能,要求横线提示输入验证码随验证码输入横线消失,基于js怎么实现的呢?下面小编给大家分享基于js实现验证码功能,感兴趣的朋友一起看看吧2016-10-10JavaScript进阶教程之函数的定义、调用及this指向问题详解
这篇文章主要给大家介绍了关于JavaScript进阶教程之函数的定义、调用及this指向问题的相关资料,文中通过实例代码介绍的非常详细,对大家学习或者使用js具有一定的参考学习价值,需要的朋友可以参考下2022-09-09
最新评论