Ajouter, supprimer
Méthode : ajouter et supprimer des événements
1
$(all).on(eventType,function);
2
$(all).off(eventType,function);
Les méthodes on() et off() permettent d'ajouter ou supprimer des actions sur un même événement.
1
const bordure = function(){$(this).css("border","2px solid red");}
2
$("img").on("click",bordure);
3
$("img").on('click',function(){
4
$("img").off("click",bordure);
5
});
Dans l'exemple, on met une bordure rouge quand on clique sur une image, et on enlève cette fonction à toutes les images.
Méthode : filtrer on et off
1
$(all).on(eventType,selector,function);
2
$(all).off(eventType,selector,function);
Exemple :
1
$("ul").on("click","li",function(){
2
console.log("coucou");
3
});
Ajoute la gestion du clique aux enfants li des ul.
La différence avec le cas précédent est que si un li est ajouté par programmation, la fonction événementielle s'appliquera aussi au nouvel li.