1
resposta

[Dúvida] Evento lançado para todas as teclas e não para uma específica.

Olá, sou novo em desenvolvimento e estou com uma dúvida em relação ao trecho abaixo:

1- let botao = document.querySelector('button');  
2- botao.addEventListener('click', function() { 
3- alert('Fui clicado!'); });

Tentei usar variando especificamente para tecla_clap, no entanto o evento (Clap foi clicado!!) se aplica a todas as teclas, inclusive em outras partes da página.

1-  let palma = document.querySelector('.tecla_clap');
2-  addEventListener('click', function() {
3-  alert('Clap foi clicado!!'); });

Queria aplicar uma mensagem para cada tecla, só para testar.

1 resposta

Boa noite, Maicon. Pro evento de clique se aplicar somente à tecla específica você precisa adicionar o evento de clique diretamente ao elemento.

let palma = document.querySelector('.tecla_clap');
palma.addEventListener('click', function() {
  alert('Clap foi clicado!!');
});

Assim o evento click é adicionado diretamente ao elemento com a classe tecla_clap