关于火狐(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]这个。