Maison  >  Article  >  interface Web  >  Comment transmettre des paramètres au gestionnaire d'événements .click de jQuery ?

Comment transmettre des paramètres au gestionnaire d'événements .click de jQuery ?

Mary-Kate Olsen
Mary-Kate Olsenoriginal
2024-10-23 17:37:02415parcourir

How to Pass Parameters to jQuery's .click Event Handler?

Passer des paramètres au gestionnaire d'événements .click de jQuery

L'événement .click() de jQuery vous permet d'exécuter une fonction lorsqu'un élément est cliqué sur une page Web. Bien que la syntaxe de base de cette fonction soit simple, il existe des cas où vous devrez peut-être transmettre des paramètres à la fonction que vous souhaitez exécuter.

Une approche pour y parvenir consiste à utiliser une fonction anonyme comme deuxième paramètre pour .cliquez(). Cependant, si vous devez appeler la même fonction depuis plusieurs emplacements avec des paramètres différents, cette méthode peut devenir lourde.

Pour transmettre efficacement des paramètres à une fonction nommée, il existe deux solutions :

Option 1 : Utiliser les données d'événement

Dans les versions 1.4.3 et supérieures de jQuery, vous pouvez utiliser la fonctionnalité de données d'événement pour transmettre des paramètres à un gestionnaire d'événements. Les données d'événement sont automatiquement récupérées à partir du premier paramètre de l'objet événement transmis au gestionnaire.

Option 2 : Utiliser les fermetures de fonction

Une autre option consiste à utilisez des fermetures de fonctions. En enveloppant la fonction add_event dans une fermeture qui attribue le paramètre souhaité, vous pouvez effectivement transmettre le paramètre lorsque l'événement .click() est déclenché.

Les deux méthodes vous permettent de transmettre des paramètres à une fonction nommée. lorsque vous utilisez le gestionnaire d'événements .click() de jQuery, cela simplifie votre code et améliore la maintenabilité.

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!

Déclaration:
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn