Come ottenere l'ID del pulsante Clicked utilizzando JavaScript/JQuery?

A volte uno sviluppatore deve conoscere l'ID del pulsante che l'utente ha fatto clic per decidere ulteriori corsi di azione su una pagina Web. Come vedrai in questo articolo, questo può essere fatto tramite sia Vanilla JavaScript che JQuery. Quindi, iniziamo:

Innanzitutto, creeremo una semplice pagina web HTML che ha due pulsanti al centro della pagina:

Fai clic su uno dei seguenti pulsanti

1
2

Come ottenere l'ID del pulsante Clicked utilizzando JavaScript?

Possiamo ottenere l'ID del pulsante Clicked usando JavaScript in diversi metodi. Nel nostro primo metodo, otterremo il nodelist di tutti i tag dei pulsanti e li memorizzeremo all'interno di una variabile. Quindi ripeteremo il nodelist per ottenere l'ID del pulsante che è stato fatto clic:

Possiamo anche configurare ogni pulsante con al clic Evento individuale:

Fai clic su uno dei seguenti pulsanti

1
2

Come ottenere l'ID del pulsante Clicked utilizzando jQuery?

JQuery ha anche diversi metodi che possono essere utilizzati per ottenere l'ID di un pulsante cliccato. Inizieremo con il clic() Metodo che viene applicato su un selettore e prende un nome di funzione come argomento opzionale:

Fai clic su uno dei seguenti pulsanti

1
2

Possiamo anche usare il SU() Metodo per allegare i gestori di eventi agli elementi. IL SU() Il metodo prende almeno un evento come argomento insieme ad altri argomenti opzionali:

Fai clic su uno dei seguenti pulsanti

1
2

Conclusione

È possibile accedere all'ID di un pulsante Clicked tramite sia JavaScript che JQuery. Abbiamo discusso di quattro di questi metodi e fornito dettagli approfonditi e esempi pertinenti in questo articolo.