Comment cloner ou redistribuer des événements DOM?

Question

Je suis à la recherche d'un moyen simple et abstrait de cloner ou de redistribuer les événements DOM uniquement. Je ne suis pas intéressé par le clonage de noeuds DOM.

J'ai expérimenté un peu, lisez le DOM Events specification et je n'ai pas trouvé de réponse claire.

Idéalement, je suis à la recherche de quelque chose d'aussi simple que-:

handler = function(e){ 
    document.getElementById("decoy").dispatchEvent(e) 
} 
document.getElementById("source").addEventListener("click", handler) 

Cet exemple de code, bien sûr, ne fonctionne pas. Il existe une exception DOM indiquant que l'événement est en cours d'expédition - évidemment.

Je voudrais éviter de créer manuellement de nouveaux événements avec document.createEvent(), en les initialisant et en les envoyant.

Existe-t-il une solution simple à ce cas d'utilisation?

Answer 1

Je sais, la question est vieux, et l'OP voulait éviter de créer/initialisation approche, mais il est un moyen relativement simple de dupliquer les événements:

new_event = new MouseEvent(old_event.type, old_event) 

Si vous voulez plus que les événements de la souris, vous pouvez faire quelque chose comme ceci:

new_event = new old_event.constructor(old_event.type, old_event) 

Et dans le contexte d'origine:

handler = function(e) { 
    new_e = new e.constructor(e.type, e); 
    document.getElementById("decoy").dispatchEvent(new_e); 
} 
document.getElementById("source").addEventListener("click", handler); 

(Pour les utilisateurs jQuery: vous devrez peut-être utiliser e.originalEvent.constructor au lieu de e.constructor)

Answer 2

Qu'en est-il de l'événement déclencheur?

Dans votre cas:

$('#decoy').trigger('click') 

Ou dans JS pur, vous pouvez le trouver dans How to trigger event in JavaScript?

---

MISE À JOUR

J'ai trouvé un chemin à travers jQuery:

1. Comme écrit ici - jQuery find events handlers registered with an object vous devez obtenir l'événement nécessaire. Par exemple $('#decoy').data('events').click[0].handler;

2. Vous pouvez maintenant obtenir un lien vers ce gestionnaire. Mais si vous voulez créer une copie indépendante du gestionnaire - utiliser ce code pour créer une copie du gestionnaire:

---

function clone_obj(obj){ 
    if(obj == null || typeof(obj) != 'object') return obj; 
    var temp = new obj.constructor(); 
    for(var key in obj) temp[key] = clone_obj(obj[key]); 
    return temp; 
}