So erhalten Sie mit JavaScript/JQuery ID der Schaltfläche Klickte Klick?

Manchmal muss ein Entwickler die ID der Schaltfläche kennen, auf die der Benutzer geklickt hat, um weitere Vorgehensweise auf einer Webseite zu entscheiden. Wie Sie in diesem Artikel sehen werden, kann dies sowohl über Vanille JavaScript als auch über JQuery erfolgen. Beginnen wir also:

Zunächst erstellen wir eine einfache HTML -Webseite, auf der zwei Schaltflächen in der Mitte der Seite enthalten sind:

Klicken Sie auf eine der folgenden Schaltflächen

1
2

So erhalten Sie die ID der Klick -Schaltfläche mit JavaScript?

Mit JavaScript können wir die ID der Schaltfläche Klicken in verschiedenen Methoden erhalten. In unserer ersten Methode erhalten wir die Nodelistin aller Tastentags und speichern sie in einer Variablen. Dann werden wir über den Nodelist iterieren, um die ID der Schaltfläche zu erhalten, auf die geklickt wurde:

Wir können auch jede Taste mit einrichten ONCLICK Ereignis einzeln:

Klicken Sie auf eine der folgenden Schaltflächen

1
2

So erhalten Sie die ID der Klick -Schaltfläche mit JQuery?

JQuery verfügt auch über verschiedene Methoden, mit denen die ID einer Klickschaltfläche abgerufen werden kann. Wir beginnen mit dem klicken() Methode, die auf einen Selektor angewendet wird und einen Funktionsnamen als optionales Argument nimmt:

Klicken Sie auf eine der folgenden Schaltflächen

1
2

Wir können auch die verwenden An() Methode zum Anhängen von Ereignishandlern an Elemente. Der An() Die Methode nimmt mindestens ein Ereignis als Argument zusammen mit einigen anderen optionalen Argumenten ein:

Klicken Sie auf eine der folgenden Schaltflächen

1
2

Abschluss

Die ID einer Klick -Schaltfläche kann sowohl über einfaches JavaScript als auch über JQuery zugegriffen werden. Wir haben vier solcher Methoden diskutiert und detaillierte Details und relevante Beispiele in dieser Beschreibung angegeben.