Déclencher un évènement personnalisé avec JavaScript
Concept et utilisation
La fonction elEvent() permet de déclencher un évènement personnalisé dans une page web.
Fonction
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
elementde la fonctionelEvent()définit un élément de la page sur lequel déclencher un évènement.evenement(String)Le paramètre
evenementde la fonctionelEvent()définit le nom de l'évènement à déclencher sur un élément.detail(Serializable Object / String)Le paramètre
detailde la fonctionelEvent()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.
Exemple d'utilisation d'évènement personnalisé
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);Code source de la fonction
function elEvent(a, b, c) {
a.dispatchEvent(new CustomEvent(b, (c ? { detail: c } : null)));
}Dernière mise à jour le .
