Comment déclencher un événement personnel en Javascript

Question

Je ne peux pas déclencher des événements personnels en utilisant Javascript dans IE. Dans Firefox fonctionne très bien.

Mon code est:

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); 
} 

Mais lorsque vous essayez d'exécuter document.fireEvent('eventoPersonal', evento); dans IE, il ne fonctionne pas. Comment puis-je déclencher NO événements personnalisés dans IE?

Dans Internet Explorer j'obtiens l'erreur: « Les arguments non valides » dans la ligne où exécuter document.fireEvent('eventoPersonal', evento);

Answer 1

Vous pouvez envisager d'utiliser une bibliothèque pour l'abstraire. Les deux prototypes d'une jquery géreront cela pour vous. Jquery est particulièrement bon pour vous permettre de créer un événement avec un code très simple.

documentation de Jquery est disponible ici: http://docs.jquery.com/Events

Answer 2

Comme je l'ai lu la page de l'article MSDN concerné sur la méthode createEventObject, il apparaît comme si elle ne sert pas à créer événement personnalisé - il est utilisé pour créer des objets personnalisés pouvant être transmis à des événements déjà existants.

Description de: Génère un objet event pour transmettre des informations de contexte d'événements lorsque vous utilisez la méthode fireEvent.

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

Mise à jour: Vous obtenez l'erreur "arguments non valides" parce que 'eventoPersonal' est pas un événement acceptable pour le feu.

Answer 3

Je pense que la réponse est - dans IE vous pouvez pas des incendies, qui ne sont pas sur cette liste:

MSDN - DHTML Events

D'après ce que je peut recueillir, les cadres stocker un registre des noms d'événements «personnalisés» et vous devez utiliser leur implémentation spécifique déclencheur et gérer fonctions pour les événements personnalisés. Par exemple, prototype utilise l'événement ondatavailable pour passer en revue leurs événements personnalisés dans les coulisses.

Answer 4

Dean Edward décrit comment déclencher des événements de cutsom dans IE

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

Son près du bas de l'article

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

Ouais se référant à @Don Albrecht, vous pouvez utiliser déclencheur jquery () méthode plus sur http://api.jquery.com/trigger/

Answer 6

Dans IE11 document.dispatchEvent ne fonctionne toujours pas, mais maintenant attachEvent est manquant aussi, donc l'autre solution ne va pas fonctionner non plus. Cependant, j'en ai trouvé un encore plus laid.:) Il implique le remplacement de la méthode addEventListener et continue comme ceci:

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) {} 
}); 

Espérons que cela aide quelqu'un.