jQuery comment créer un évènement personnalisé

Le principe de création d’un évènement est assez simple … Exemple sur le clic d’un bouton on lance un evenement «clicSurleBouton», l’exemple est bateau mais il a le mérite d’être facile !

$("#bouton").click(function(){
  $(this).trigger("clicSurleBouton"); // On lance l'évènement clicSurleBouton
});
$("#bouton").bind("clicSurleBouton", datas, function(){
  alert("Le bouton a été cliqué et je peux faire une action supplémentaire");
});

Si on veut un exemple un peu plus complexe, on prend par exemple la création d’un calendrier, le développeur, qui utilise notre plugin, aura surement besoin de faire quelque chose sur le clic d’une date.
On va alors créer un évènement «dateClick» qui permettra à l’utilisateur (développeur) du plugin de faire le traitement qu’il souhaite :

$("a").bind("dateClick", datas, function(event,data){
  // Action lors du clic de la date 
  // par exemple mettre a jour une liste de choses à faire à cette date 
  updateMaTodoListe(data);
});

Et dans le code de notre calendrier on aura une ligne :

//...
  $("a.date").trigger("dateClick", {date:MaDate});
// MaDate représente la valeur de la date
//...

Aller plus loin …

Vous aimerez aussi...

Laisser un commentaire

Votre adresse de messagerie ne sera pas publiée. Les champs obligatoires sont indiqués avec *