事件未在FireFox中定義，但在Chrome和IE中確定

Question

我使用jQuery生成HTML：

$("<a />")
    .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通過在所有瀏覽器中提供事件對象參數來為您抽象出這種差異：

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

Answer 2

如果您使用原始事件而不是jQuery事件構建代碼，則可以使用evt.originalEvent來引用本機事件。