Comment obtenir un ID de bouton cliqué en utilisant JavaScript / jQuery?

Parfois, un développeur doit connaître l'ID du bouton auquel l'utilisateur a cliqué pour décider de plus loin dans une page Web. Comme vous le verrez dans cet article, cela peut être fait via Vanilla Javascript et JQuery. Alors, commençons:

Tout d'abord, nous créerons une page Web HTML simple qui a deux boutons au centre de la page:

Cliquez sur l'un des boutons suivants

1
2

Comment obtenir l'ID du bouton cliqué en utilisant JavaScript?

Nous pouvons obtenir l'ID du bouton cliqué en utilisant JavaScript dans plusieurs méthodes différentes. Dans notre première méthode, nous obtiendrons le nodeliste de toutes les balises de bouton et les stockerons dans une variable. Ensuite, nous allons itérer le Nodelist pour obtenir l'ID du bouton qui a été cliqué:

Nous pouvons également configurer chaque bouton avec sur clic Événement individuellement:

Cliquez sur l'un des boutons suivants

1
2

Comment obtenir l'ID du bouton cliqué en utilisant jQuery?

JQuery a également plusieurs méthodes différentes qui peuvent être utilisées pour obtenir l'ID d'un bouton cliqué. Nous commencerons par le Cliquez sur() Méthode qui est appliquée sur un sélecteur et prend un nom de fonction comme argument facultatif:

Cliquez sur l'un des boutons suivants

1
2

Nous pouvons également utiliser le sur() Méthode pour attacher les gestionnaires d'événements aux éléments. Le sur() La méthode prend au moins un événement comme argument avec d'autres arguments facultatifs:

Cliquez sur l'un des boutons suivants

1
2

Conclusion

L'ID d'un bouton cliqué est accessible via JavaScript et JQuery, plain. Nous avons discuté de quatre de ces méthodes et donné des détails approfondis et des exemples pertinents dans cet article.