Comment transmettre des paramètres aux fonctions utilisateur dans le gestionnaire d'événements jQuery .click ?

Passer des paramètres aux fonctions utilisateur avec le .click de jQuery

Dans jQuery, le gestionnaire d'événements .click vous permet d'exécuter une fonction lorsqu'un élément est cliqué. Pour utiliser cette fonctionnalité, spécifiez une fonction comme argument de .click(). Cependant, il est courant de rencontrer des difficultés pour transmettre des paramètres à la fonction.

Pour résoudre ce problème, vous pouvez envisager d'utiliser des fonctions anonymes qui s'exécutent immédiatement dans .click(), comme indiqué ci-dessous :

<code class="js">$('.leadtoscore').click(function() { add_event('shot'); });</code>

Alternativement, si vous souhaitez appeler la fonction add_event à partir de plusieurs emplacements, une autre approche consiste à utiliser l'attribut data de jQuery pour transmettre les paramètres. La version 1.4.3 a introduit cette fonctionnalité, permettant la création d'une carte de données et de la passer comme premier paramètre à .click().

<code class="js">$('.leadtoscore').click({ event: 'shot' }, add_event);</code>

Au sein du gestionnaire d'événements, accédez à la carte de données via l'objet événement , comme démontré ici :

<code class="js">function add_event(event) {
  const eventParam = event.data.event;
}</code>

Cette méthode fournit un mécanisme pratique pour transmettre des paramètres aux fonctions invoquées par .click() tout en conservant la flexibilité d'appeler la fonction à partir de différents endroits de votre code.

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!