Wie kann ich Argumente an JavaScript-Ereignis-Listener übergeben?

Übergabe von Argumenten an EventListener-Listener-Funktionen

In Szenarien, in denen Sie innerhalb von addEventListener-Aufrufen Argumente an Listener-Funktionen übergeben müssen, der Wert des Arguments ist im Listener möglicherweise nicht zugänglich. Dies liegt daran, dass die Funktion als neue Variable im Gültigkeitsbereich des Listeners behandelt wird.

Lösung: Verwendung des Zielattributs

Um dieses Problem zu beheben, sollten Sie die Verwendung des Zielattributs in Betracht ziehen des Ereignisobjekts innerhalb der Listener-Funktion. Durch Festlegen einer benutzerdefinierten Eigenschaft für das Ereignisziel können Sie im Listener auf das gewünschte Argument zugreifen.

Beispiel:

Betrachten Sie eine HTML-Schaltfläche und einen JavaScript-Ereignis-Listener:

<button>

const myButton = document.getElementById('myButton');

// Set a custom property on the button target
myButton.myParam = 'This is my parameter';

// Add an event listener to the button
myButton.addEventListener('click', (event) => {
  // Retrieve the custom property from the event target
  const myParameter = event.currentTarget.myParam;

  // Do something with the parameter
  alert(`My parameter: ${myParameter}`);
});

In diesem Beispiel wird beim Klicken auf die Schaltfläche der Wert der myParam-Eigenschaft vom Ereignisziel abgerufen und in einer Benachrichtigung angezeigt. Mit diesem Ansatz können Sie Argumente effektiv an Listener-Funktionen übergeben und innerhalb des Listener-Bereichs darauf zugreifen.

Das obige ist der detaillierte Inhalt vonWie kann ich Argumente an JavaScript-Ereignis-Listener übergeben?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!