设置事件动态

Question

我有这个功能，我调用的onload：

function InitAll(){ 
    document.getElementById("div1").onmouseover = function(){Foo(event,this);}; 
    document.getElementById("div1").onmouseout = function(){Foo(event,this);}; 
} 

function Foo(e, handler){  
    document.getElementById("label1").innerHTML=e.type; 
} 

在IE它的工作原理，我得到正确的e.type，但在Firefox它并不：

事件没有定义

但如果我设置静态的事件，如：

<div id="div1" onmouseover="Foo(event,this);" onmouseout="Foo(event,this);" > 

它适用于这两种浏览器。

我错过了什么？某种封闭？

Answer 1

尝试将事件对象作为参数，并将其替换为window.event（如果它为null）。

function InitAll(){ 
    document.getElementById("div1").onmouseover = function(e){ 
     e = e || window.event; 
     Foo(e,this); 
    }; 
... 
} 

虽然，老实说，我会看看使用jQuery或其他框架的所有这一切。在大多数情况下重新发明轮子是没有意义的。编写自己的框架时，我可能会这样做，但在大多数情况下，您可以通过框架节省时间和头痛。