Cómo disparar un evento personal en Javascript

Question

No puedo disparar eventos personales usando Javascript en IE. En Firefox funciona genial.

Mi código es:

var evento; 
if(document.createEventObject) 
{ 
    evento = document.createEventObject(); 
    document.fireEvent('eventoPersonal', evento);  
} 
//FF 
else 
{ 
    evento = document.createEvent('Events'); 
    evento.initEvent('eventoPersonal',true,false); 
    document.dispatchEvent(evento); 
} 

Pero cuando intenta ejecutar document.fireEvent('eventoPersonal', evento); en IE, que no funciona. ¿Cómo puedo disparar NO eventos personalizados en IE?

En Internet Explorer me sale el error: "argumentos no válidos" en la línea donde ejecutar document.fireEvent('eventoPersonal', evento);

Answer 1

Es posible que desee considerar el uso de una biblioteca para abstraer esto. Ambos prototipos y jquery manejarán esto por ti. Jquery es especialmente bueno al permitirle crear un evento con un código muy simple.

documentación de jQuery está disponible aquí: http://docs.jquery.com/Events

Answer 2

Al leer la página correspondiente artículo de MSDN en el método createEventObject, parece como si no se utiliza para la creación de evento personalizado: se usa para crear objetos personalizados que se pueden pasar a eventos ya existentes.

Descripción: Genera un objeto event para pasar información de contexto de evento cuando se utiliza el método fireEvent.

http://msdn.microsoft.com/en-us/library/ms536390%28VS.85%29.aspx

actualización: Usted está recibiendo el error "argumentos no válidos" porque 'eventoPersonal' no es un hecho aceptable para disparar.

Answer 3

Creo que la respuesta es - en IE que lata no eventos de fuego que no están en esta lista:

MSDN - DHTML Events

Por lo que puede recopilar, los marcos almacenan un registro de los nombres de eventos "personalizados" y debe usar su implementación específica activador y manejar funciones para eventos personalizados. Por ejemplo, prototype usa el evento ondatavailable para pasar sus eventos personalizados detrás de escena.

Answer 4

Dean Edward describe cómo disparar eventos cutsom en IE

http://dean.edwards.name/weblog/2009/03/callbacks-vs-events/

Su cerca de la parte inferior del artículo

var currentHandler; 

if (document.addEventListener) { 

    // We've seen this code already 

} else if (document.attachEvent) { // MSIE 

    document.documentElement.fakeEvents = 0; // an expando property 

    document.documentElement.attachEvent("onpropertychange", function(event) { 
    if (event.propertyName == "fakeEvents") { 
     // execute the callback 
     currentHandler(); 
    } 
    }); 

    dispatchFakeEvent = function(handler) { 
    // fire the propertychange event 
    document.documentElement.fakeEvents++; 
    }; 
} 

Answer 5

Sí refiriéndose a @Don Albrecht, puede utilizar el gatillo jQuery () método más en http://api.jquery.com/trigger/

Answer 6

En IE11 document.dispatchEvent todavía no funciona, pero ahora attachEvent también falta, por lo que la otra solución tampoco funcionará. Sin embargo, se me ocurrió uno incluso más feo.:) Implica reemplazar el método addEventListener y sigue así:

var oldEventListener = document.addEventListener; 

document.addEventListener = function (event, func, capture) { 
    if (event == "MyPreciousCustomEvent") { 
     document.MyPreciousCustomEvent = func; 
    } 

    oldEventListener.call(document, event, func, capture); 
}; 

... 

$(function() { 
    try { 
     document.MyPreciousCustomEvent("MyPreciousCustomEvent", {}); 
    } catch (e) {} 
}); 

Espero que esto ayude a alguien.