[Dúvida] Eventos JavaScript

Oi, Jéssica! Como vai?

Agradeço por compartilhar sua dúvida com a comunidade Alura.

O objeto event no JavaScript representa qualquer interação feita pelo usuário, como cliques, teclas pressionadas, movimentos do mouse, entre outros. Ele carrega informações sobre o que aconteceu, como qual elemento foi clicado, qual tecla foi pressionada e muito mais.

Trouxe este exemplo de como capturar um clique em um botão e acessar informações do evento:

const botao = document.querySelector('button');

botao.addEventListener('click', function(event) {
  console.log('O botão foi clicado!');
  console.log(event); // Informações detalhadas sobre o clique
});

Nesse exemplo, usamos addEventListener para ouvir o evento de click. Quando o botão é clicado, a função é executada e o objeto event é passado automaticamente. Esse objeto possui várias informações, como:

• event.target: Elemento que recebeu o clique.
• event.type: Tipo do evento (nesse caso, "click").
• event.timeStamp: Momento em que o evento aconteceu.

Outro exemplo, agora com evento de teclado:

document.addEventListener('keydown', function(event) {
  console.log('Tecla pressionada: ' + event.key);
});

Esse código captura qualquer tecla pressionada e imprime qual foi.

Dica: Você pode consultar os tipos de eventos no link da W3Schools.

Espero ter ajudado. Conte com o apoio do Fórum na sua jornada. Fico à disposição.

Abraços e bons estudos!

Agradecida Rafaela.