事件未在FireFox中定义，但在Chrome和IE中确定

我使用jQuery生成HTML：

$("") .append("demo") .click(function () { DemoFunc(event, value.Id) }) 

这适用于Chrome和IE8，但在FireFox中我收到错误：“事件未定义”。 我改变了这样的代码：

 .attr("onclick", "DemoFunc(event, " + value.Id + ")") 

它适用于Firefox，但不适用于Chrome和IE。

 DemoFunc = function (e, assocGroupId) { var target = (e.target) ? $(e.target) : $(e.srcElement); .... } 

为什么！？ 救命！！

Answer 1

在IE和Chrome中， event正在解析为window.event 。 Firefox没有此属性，而是通过将事件作为参数传递给事件处理函数。 jQuery通过在所有浏览器中提供事件对象参数来为您抽象出这种差异：

 $("") .append("demo") .click(function (evt) { DemoFunc(evt, value.Id) }); 

Answer 2

如果您使用原始事件而不是jQuery事件构建代码，则可以使用evt.originalEvent来引用本机事件。