Jak uzyskać identyfikator przycisku klikniętego za pomocą JavaScript/JQuery?

Czasami programista musi znać identyfikator przycisku, który użytkownik kliknął, aby zdecydować o dalszym przebiegu działań na stronie internetowej. Jak zobaczycie w tym artykule, można to zrobić zarówno za pośrednictwem waniliowego JavaScript, jak i jQuery. Więc zacznijmy:

Najpierw utworzymy prostą stronę internetową HTML, która ma dwa przyciski na środku strony:

Kliknij jeden z następujących przycisków

1
2

Jak uzyskać identyfikator klikniętego przycisku za pomocą JavaScript?

Możemy uzyskać identyfikator klikniętego przycisku za pomocą JavaScript w kilku różnych metodach. W naszej pierwszej metodzie otrzymamy NodeList wszystkich znaczników przycisków i przechowujemy je w zmiennej. Następnie będziemy iterować nad Nodelistem, aby uzyskać identyfikator przycisku, który został kliknięty:

Możemy również skonfigurować każdy przycisk z na kliknięcie zdarzenie indywidualnie:

Kliknij jeden z następujących przycisków

1
2

Jak uzyskać identyfikator klikniętego przycisku za pomocą JQuery?

JQuery ma również kilka różnych metod, których można użyć do uzyskania identyfikatora klikniętego przycisku. Zaczniemy od Kliknij() Metoda stosowana na selektorze i bierze nazwę funkcji jako opcjonalny argument:

Kliknij jeden z następujących przycisków

1
2

Możemy również użyć NA() Metoda dołączania obsługi zdarzeń do elementów. NA() Metoda zajmuje co najmniej jedno zdarzenie jako argument wraz z innymi opcjonalnymi argumentami:

Kliknij jeden z następujących przycisków

1
2

Wniosek

Identyfikator klikniętego przycisku można uzyskać za pośrednictwem zwykłego JavaScript i JQuery. Omówiliśmy cztery takie metody i podaliśmy szczegółowe szczegóły i istotne przykłady w niniejszym zapisie.