Méthodes ou gestionnaires d’événements avancés

1. Lier un événement à un objet (on)

on(événement, [sélecteur], [données], fonction) on

Affecte l’événement à un élément donné :

  • événement (chaîne de caractères) : désigne l’événement associé. Si plusieurs événements sont spécifiés, ils seront simplement séparés par un espace.

  • sélecteur (optionnel) : un filtre pour sélectionner les enfants de l’élément sur lequel on applique l’événement.

  • données (optionnel) : des données éventuellement fournies à la fonction. Son utilisation est peu fréquente.

  • fonction : le code à exécuter au déclenchement de l’événement.


$("button").on("click", function() { 
    alert($(this).text()); 
}); 
 

ou


function salutation(event) {
    alert("Bonjour " + event.data.nom);
}
$("bouton").on("click", {nom: "Charles"}, salutation);
 

Cette méthode retourne un objet jQuery.

La méthode off() supprime off les actions associées à un événement par la méthode on().

Les méthodes on() et bind() (voir Lier un événement à un objet (bind) du présent chapitre) sont plus puissantes...

couv_EI4JQU.png

Découvrez 

le livre :

Aussi inclus dans nos :

Précédent
Les gestionnaires d'événements
Suivant
Applications