Firefox中获取全局Event对象的替代方案

作者：小括号

时间：2026-10-23

本文探讨在Firefox浏览器中获取全局Event对象的方法。由于Firefox模型中不存在window.event，需通过函数调用链回溯获取event参数。文中提供了GetEvent函数的实现逻辑及兼容性处理建议，并解释了其背后的事件传递机制。

文章目录

Firefox中Event对象的获取困境

在Firefox浏览器中，并不存在类似IE的全局event对象。如果存在函数嵌套调用的情况，必须将event参数逐层向下传递，例如以下场景。

代码如下:

<div style="background-color:Red; width:300px; height:300px;" onclick="Test(event,this);" id="panel"></div>
function Test(event,dom){
Test1(event);
} 
function Test1(event){
Test2(event);
} 
function Test2(event){
alert(event.target.id);
}

在Test2方法中需要使用event，就需要写成这样。如果在某种场景下，比如添加新功能，需要修改原来的Test2方法，需要访问event对象，而原来Test2方法的签名是Test2()，没有参数event，这时需要修改Test2()为Test2(event) 十分的不美观，虽然JavaScript这样的修改，是方法的重载，但是也破坏了原来的方法签名。

获取全局Event的变通方案

在Firefox中是否有window.event这样的全局变量来获取event？

不幸的是Firefox的对象模型中是没有的，但是可以使用变通的方法取得。例如：

代码如下:

function GetEvent(caller){
if(document.all)
return window.event; //For IE.
if(caller == null || typeof(caller) != "function")
return null;
while(caller.caller != null){
caller = caller.caller;
} 
return caller.arguments[0];
}

这里使用document.all判断是否是IE浏览器的做法是不好的，应该使用UserAgent来判断，JQuery等类库中有好的实现。

优化后的方法调用示例

这样上面的 Test2方法就可以不用修改方法签名了：

代码如下:

function Test2(){
var event = GetEvent(Test2);
alert(GetEventTarget(event).id);
} 
function GetEventTarget(event){
if(document.all)
return event.srcElement;
return event.target;
}