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
Freigeben: 2024-12-02 04:14:12
Original
426 Leute haben es durchsucht

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>
Nach dem Login kopieren
  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);
}
Nach dem Login kopieren

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!

Quelle:php.cn
Erklärung dieser Website
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
Neueste Artikel des Autors
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage