Exemple
Joindre un événement click sur le <p> élément:
$("p").on("click", function(){
alert("The
paragraph was
clicked.");
}); Essayez - le vous - même » Définition et utilisation
Le on() méthode attache un ou plusieurs gestionnaires d'événements pour les éléments sélectionnés et les éléments enfants.
Comme de jQuery version 1.7, l' on() méthode est le nouveau remplacement pour le bind(), live() et delegate() méthodes. Cette méthode apporte beaucoup de cohérence à l'API, et nous vous recommandons d'utiliser cette méthode, car elle simplifie la base de code jQuery.
Remarque: Les gestionnaires d'événements attachés à l' aide de la on() méthode fonctionnera pour les deux éléments actuels et futurs (comme un nouvel élément créé par un script).
Conseil: Pour supprimer des gestionnaires d'événements, utilisez le off() méthode.
Astuce: Pour joindre un événement qui ne fonctionne une fois, puis se retire, utilisez l' one() méthode.
Syntaxe
$(selector).on(event,childSelector,data,function,map)
| Paramètre | La description |
|---|---|
| event | Obligatoire. Indique un ou plusieurs event(s) ou namespaces pour attacher aux éléments sélectionnés. Plusieurs valeurs d'événements sont séparés par un espace. Doit être un événement valide |
| childSelector | Optionnel. Indique que le gestionnaire d'événement ne doit être attaché aux éléments enfant spécifiés (et non le sélecteur lui - même, comme le dépréciée delegate() méthode). |
| data | Optionnel. Spécifie des données supplémentaires pour passer le long de la fonction |
| function | Obligatoire. Indique la fonction à exécuter lorsque l'événement se produit |
| map | Indique une carte d'événement ( {event:function, event:function, ...}) contenant un ou plusieurs cas d'attacher aux éléments sélectionnés, et les fonctions à exécuter lorsque les événements se produisent |
Essayez-le vous-même - Exemples
Modification de bind() pour on()
Comment utiliser on() pour obtenir le même effet que bind() .
Changement de delegate() pour on()
Comment utiliser on() pour obtenir le même effet que delegate() .
Changement de live() pour on()
Comment utiliser on() pour obtenir le même effet en temps live() .
Joindre plusieurs événements
Comment joindre plusieurs événements à un élément.
Joindre plusieurs gestionnaires d'événements à l' aide du paramètre de la carte
Comment joindre plusieurs gestionnaires d'événements aux éléments sélectionnés à l'aide du paramètre de la carte.
Joindre un événement personnalisé sur un élément
Comment attacher un événement d'espace de noms personnalisé sur un élément.
Passez le long des données à la fonction
Comment transmettre des données à la fonction.
Ajouter des gestionnaires d'événements pour les éléments futurs
Montrer que l' on() méthode fonctionne également pour les éléments non encore créés.
Retirer un gestionnaire d'événements
Comment faire pour supprimer un gestionnaire d'événement à l' aide de la off() méthode.