Cómo obtener la identificación del botón haciendo clic usando JavaScript/jQuery?

A veces, un desarrollador tiene que conocer la ID del botón en el que el usuario ha hecho clic para decidir un curso de acción adicional en una página web. Como verá en este artículo, esto se puede hacer a través de Vanilla JavaScript y JQuery. Vamos a empezar:

Primero, crearemos una página web HTML simple que tiene dos botones en el centro de la página:

Haga clic en uno de los siguientes botones

1
2

Cómo obtener la ID del botón haciendo clic usando JavaScript?

Podemos obtener la ID del botón haciendo clic usando JavaScript en varios métodos diferentes. En nuestro primer método, obtendremos el Nodelist de todas las etiquetas de botones y las almacenaremos dentro de una variable. Luego iteraremos sobre el Nodelist para obtener la ID del botón que se ha hecho clic:

También podemos configurar cada botón con al hacer clic evento individualmente:

Haga clic en uno de los siguientes botones

1
2

Cómo obtener la ID del botón haciendo clic usando jQuery?

JQuery también tiene varios métodos diferentes que se pueden usar para obtener la ID de un botón para hacer clic. Comenzaremos con el hacer clic() Método que se aplica en un selector y toma un nombre de función como un argumento opcional:

Haga clic en uno de los siguientes botones

1
2

También podemos usar el en() Método para adjuntar manejadores de eventos a elementos. El en() El método toma al menos un evento como argumento junto con otros argumentos opcionales:

Haga clic en uno de los siguientes botones

1
2

Conclusión

Se puede acceder a la identificación de un botón hecho a través de JavaScript simple y jQuery. Discutimos cuatro de estos métodos y dimos detalles en profundidad y ejemplos relevantes en este artículo.