Comment puis-je transmettre des arguments à une fonction d'écoute d'événement en JavaScript ?

Passer des arguments à la fonction d'écoute d'événement

Considérez ce scénario :

var someVar = some_other_function();
someObj.addEventListener("click", function(){
    some_function(someVar);
}, false);

Le problème ici est que someVar n'est pas accessible dans la fonction d'écoute de addEventListener. Elle est traitée comme une nouvelle variable locale.

Solution : exploiter les attributs de la cible d'événement

Au lieu d'essayer d'accéder aux variables depuis l'extérieur de la fonction d'écoute, récupérez les arguments directement à partir des attributs de la cible d'événement.

Pour instance :

const someInput = document.querySelector('button');
someInput.addEventListener('click', myFunc, false);
someInput.myParam = 'This is my parameter';

function myFunc(evt)
{
  window.alert(evt.currentTarget.myParam);
}

HTML :

<button class="input">Show parameter</button>

Cette approche garantit que les informations nécessaires sont encapsulées dans l'objet événement, les rendant accessibles lorsque la fonction d'écoute est invoquée.

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!