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...