evento non è definito in FireFox, ma ok in Chrome e IE

Question

ho generato HTML usando jQuery:

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

Questo funziona perfetto per Chrome e IE8, ma in FireFox ho ottenuto un errore: "l'evento non è definito ". Ho cambiato il codice come questo:

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

Funziona per Firefox, ma non per Chrome e IE.

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

Perché !? Aiuto!!

Answer 1

In IE e Chrome, event è in fase di risoluzione su window.event. Firefox non ha questa proprietà e invece fornisce un evento a una funzione del gestore eventi trasmettendola come parametro. jQuery astrae questa differenza per voi, fornendo un parametro oggetto evento in tutti i browser:

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

Answer 2

Se si è strutturato il codice intorno a lavorare con l'evento originale, piuttosto che l'evento jQuery, è possibile utilizzare evt.originalEvent per fare riferimento al nativo evento.