0

Tenho alguns botões que não possuem id. Ao clicar neles gostaria de enviá-los como parâmetro para a função disparada pelo click.

Gostaria de saber se a linguagem permite algo do tipo:

button.addEventListener("click", function(this) {});

Ou se vou precisar definir um id e pegar o botão dentro da função usando:

document.getElementById();

2 Respostas 2

1

Você pode recuperar esse elemento utilizando o próprio evento, quando você registra um listener sua função recebe como parêmetro um objeto com os dados desse evento, sendo assim basta que você faça algo assim:

button.addEventListener("click", function(event) {
   console.log(event.target)
});

Dessa forma você consegue capturar o elemento button que foi clicado.

Caso você precise recuperar todos os buttons, ai talvez seja interessante definir algum identificador como um class por exemplo, ai nesse caso você pode recupera-los dessa forma:

button.addEventListener("click", function() {
   const buttons = document.querySelectorAll(".btn")
});

Dessa forma você conseguiria recuperar todos os elementos button que possuem essa classe.

1

Para ser mais acertivo, poderia usar o evento onclick dentro da sua TAG e enviar o This, assim ele retornará com certeza aquele botão clicado

<button onclick="suafuncao(this)">Clique me<button>

e seu script


   suafuncao(this) {
     console.log(this)
   }

Ou para ficar mais organizado, pode fazer chamar todos nos botões:

buttons = document.getElementsByTagName('button')

for(i=0; i<buttons.length; i++){
 buttons[i].onclick = function() {
  console.log("clicado")
 }
}
3
  • Bom saber, então é possível usar o this. Vlw Commented 13/09/2021 às 14:00
  • Por nada, espero ter ajudado. Commented 13/09/2021 às 14:04
  • Tentei utilizar desta forma e não funcionou. Fiz como o Gabriel José falou. Commented 13/09/2021 às 19:05

Você deve fazer log-in para responder a esta pergunta.

Esta não é a resposta que você está procurando? Pesquise outras perguntas com a tag .