Como obter o ID do botão Clicked usando JavaScript/JQuery?

Às vezes, um desenvolvedor precisa conhecer o ID do botão que o usuário clicou para decidir o curso de ação adicional em uma página da web. Como você verá neste artigo, isso pode ser feito através de JavaScript de baunilha e jQuery. Então, vamos começar:

Primeiro, criaremos uma página da web simples HTML, que possui dois botões no centro da página:

Clique em um dos seguintes botões

1
2

Como obter o ID do botão clicado usando JavaScript?

Podemos obter o ID do botão clicado usando JavaScript em vários métodos diferentes. Em nosso primeiro método, obteremos a lista de nodelas de todas as tags de botão e as armazenaremos dentro de uma variável. Em seguida, iteraremos a lista de nodelas para obter o ID do botão que foi clicado:

Também podemos configurar cada botão com ONCLICK Evento individualmente:

Clique em um dos seguintes botões

1
2

Como obter o ID do botão clicado usando o jQuery?

O jQuery também possui vários métodos diferentes que podem ser usados ​​para obter o ID de um botão clicado. Começaremos com o clique() Método aplicado em um seletor e toma um nome de função como um argumento opcional:

Clique em um dos seguintes botões

1
2

Também podemos usar o sobre() Método para anexar manipuladores de eventos aos elementos. O sobre() O método toma pelo menos um evento como argumento junto com alguns outros argumentos opcionais:

Clique em um dos seguintes botões

1
2

Conclusão

O ID de um botão clicado pode ser acessado por meio de JavaScript e jQuery simples. Discutimos quatro métodos e demos detalhes detalhados e exemplos relevantes neste artigo.