Déclencher un évènement personnalisé avec JavaScript

La fonction elEvent() permet de déclencher un évènement personnalisé dans une page web.

elEvent()

Déclenche un évènement personnalisé sur un élément de la page, avec un détail de données optionnel.

Syntaxe

elEvent(element, evenement, detail);

Paramètres

element(Node)

Le paramètre element de la fonction elEvent() définit un élément de la page sur lequel déclencher un évènement.

evenement(String)

Le paramètre evenement de la fonction elEvent() définit le nom de l'évènement à déclencher sur un élément.

detail(Serializable Object / String)

Le paramètre detail de la fonction elEvent() définit le détail des données à transmettre (chaine de caractères ou objet sérialisable) lors du déclenchement d'un évènement sur un élément.

var element = window;
var evennement = 'mon_evenement';
var detail = 'détail';

window.addEventListner(evennement, function(e) {

  console.log(e.detail);
  // renvoie : 'détail'

});

elEvent(element, evennement, detail);

function elEvent(a, b, c) {
  a.dispatchEvent(new CustomEvent(b, (c ? { detail: c } : null)));
}