evento no se define en Firefox, pero está bien en Chrome e IE

Question

genero HTML usando jQuery:

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

Esto funciona perfecto para Chrome y IE8, pero en Firefox que tiene un error: "evento no se define ". he cambiado el código como el siguiente:

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

Funciona para Firefox, pero no para Chrome e IE.

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

¿Por qué? ¡¡Ayuda!!

Answer 1

En IE y Chrome, event se está resolviendo en window.event. Firefox no tiene esta propiedad y, en su lugar, proporciona un evento a una función de controlador de eventos pasándolo como un parámetro. jQuery abstrae esta diferencia para usted, proporcionando un parámetro de objeto de evento en todos los navegadores:

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

Answer 2

Si ha estructurado su código en torno a trabajar con el evento original en lugar del evento jQuery, puede utilizar evt.originalEvent para referirse a los nativos evento.