Heim >Web-Frontend >js-Tutorial >Wie identifiziere ich die ID einer angeklickten Schaltfläche in JavaScript?

Wie identifiziere ich die ID einer angeklickten Schaltfläche in JavaScript?

Linda Hamilton
Linda HamiltonOriginal
2024-12-02 04:14:12431Durchsuche

How Do I Identify the ID of a Clicked Button in JavaScript?

ID der angeklickten Schaltfläche identifizieren

In HTML und JavaScript können Sie das onClick-Ereignis verwenden, um die Benutzerinteraktion mit Schaltflächen zu verwalten. Ein häufiges Szenario besteht darin, die spezifische Schaltfläche zu identifizieren, die das Ereignis ausgelöst hat, was das Abrufen ihrer ID erfordert.

Dazu können Sie die ID der angeklickten Schaltfläche als Parameter an die Ereignishandlerfunktion übergeben. So implementieren Sie es:

  1. Weisen Sie jeder Schaltfläche eindeutige IDs zu:
<button>
  1. Greifen Sie in der Event-Handler-Funktion auf das Schlüsselwort this zu, das darstellt das DOM-Element, das das Ereignis ausgelöst hat:
function handleButtonClick(clickedButtonId) {
  // Perform actions based on the clicked button's ID
  alert(clickedButtonId);
}

In diesem Beispiel empfängt die Funktion handleButtonClick das Die ID der angeklickten Schaltfläche als Parameter, sodass Sie bestimmte Vorgänge ausführen können, je nachdem, auf welche Schaltfläche geklickt wurde.

Das obige ist der detaillierte Inhalt vonWie identifiziere ich die ID einer angeklickten Schaltfläche in JavaScript?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Stellungnahme:
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn