Javascript FireFox-将事件附加到动态添加的函数?

Javascript FireFox-将事件附加到动态添加的函数?,javascript,jquery,html,css,firefox,Javascript,Jquery,Html,Css,Firefox,我需要动态地将函数附加到div,并传递事件 它可以在Chrome/IE上运行,但不能在FireFox上运行 我在FireFox控制台中遇到以下错误:ReferenceError:未定义事件 如何解决这个问题 代码笔: .举例{ 光标:指针; 边框:1px纯黑; 文本对齐:居中; } window.onload=函数(){ var div=$(“.example”); 单击(函数(){Test(event);}); } 功能测试(事件) { 警报(事件); } 单击此div时,您应该会收到一个包

我需要动态地将函数附加到div,并传递事件

它可以在Chrome/IE上运行,但不能在FireFox上运行

我在FireFox控制台中遇到以下错误:ReferenceError:未定义事件

如何解决这个问题

代码笔:


.举例{
光标:指针;
边框:1px纯黑;
文本对齐:居中;
}
window.onload=函数(){
var div=$(“.example”);
单击(函数(){Test(event);});
}
功能测试(事件)
{
警报(事件);
}
单击此div时,您应该会收到一个包含事件详细信息的警报。这在FireFox中不起作用。
您是否尝试过:

div.on("click",function(e) {Test(e);});

Firefox不支持全局事件对象,它需要将事件作为参数传递

window.onload = function() { 

    var div = $( ".example" );

    div.click(function(event) { // needs to be here
        Test(event);
    });

}

function Test (event){
    alert(event);
}
您也可以只引用函数,然后执行以下操作

div.click(Test);
所以你会得到

$(函数(){
$(“.example”)。在('click',Test)上
});
功能测试(事件){
console.log(事件);
}
。示例{
光标:指针;
边框:1px纯黑;
文本对齐:居中;
}


单击此div时,您应该会收到一个包含事件详细信息的警报。这在FireFox中不起作用。
这与动态元素无关,只是因为FireFox不支持全局事件对象。添加了堆栈片段
div.click(Test);