firefox不传递event对象如何在函数体中获取

  本文讨论如何让firefox像IE浏览器那样,不需要传递event对象到函数中,而是在函数体中直接使用window.event获取到事件对象。

  javascript里有两种获取事件对象的办法。一种是访问window.event属性,另一种便是事件函数的第一个参数。

  IE里只支持window.event,Firefox只支持参数的形式,而其他主流浏览器两者都支持。所以平时为了兼容FF,一般都写成:

function handle(e)
{
    e = e || event;
    //...
}

  虽然这样大多数情况下能运行,但是对于内嵌的调用就有问题了。比如<img onclick="handle()" />,虽然我们可以把arguments[0]当做参数传递过去,但很多情况下这里都是this,因为handle可能绑定了多个元素。虽然也有解 决的办法,但终究麻烦了,不如给Firefox做一个一劳永逸的办法:给他的window添加一个event的属性(Getter):

if(/*is ff的判断条件*/)
{
       var $E = function(){var c=$E.caller; while(c.caller)c=c.caller; return c.arguments[0]};
       __defineGetter__("event", $E);
}

  每当Firefox访问到event属性,就会顺着调用栈访问到最顶层的函数,即捕捉事件的那个函数,该函数的第一个参数即是事件对象。这样,所有的浏览器都可以用event属性,无需e=e||event那样的代码了。

来源:http://www.cnblogs.com/index-html/archive/2011/03/03/firfox_event_obj.html

加支付宝好友偷能量挖...


评论(0)网络
阅读(120)喜欢(0)JavaScript/Ajax开发技巧