众所周知,网页里有两种获取事件对象的办法。一种是访问window.event属性,另一种便是事件函数的第一个参数。
IE里只支持window.event,Firefox只支持参数的形式,而其他主流浏览器两者都支持。所以平时为了兼容FF,一般都写成:
function handle(e)
{
e = e || event;
...
}
虽然这样大多数情况下能运行,但是对于内嵌的调用就有问题了。比如<img οnclick="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那样的代码了。