Eventos

Eventos em JavaScript são ações ou ocorrências que acontecem no navegador do usuário, como cliques do mouse, pressionamentos de teclas, carregamento de páginas, entre outros. Você pode escrever código JavaScript para responder a esses eventos, o que permite interatividade em páginas da web.

Aqui estão alguns eventos comuns e como você pode usá-los em JavaScript:

1. Eventos de Mouse:

• click: Ocorre quando o usuário clica em um elemento.

  element.addEventListener('click', function() {
      // código a ser executado quando o elemento é clicado
  });
  

• mouseover: Ocorre quando o ponteiro do mouse é movido sobre um elemento.

  element.addEventListener('mouseover', function() {
      // código a ser executado quando o mouse entra no elemento
  });
  

2. Eventos de Teclado:

• keydown: Ocorre quando uma tecla é pressionada.

  document.addEventListener('keydown', function(event) {
      // código a ser executado quando uma tecla é pressionada
      console.log('Tecla pressionada: ' + event.key);
  });
  

3. Eventos de Formulário:

• submit: Ocorre quando um formulário é enviado.

  formElement.addEventListener('submit', function(event) {
      // código a ser executado quando o formulário é enviado
      event.preventDefault(); // Evita o envio padrão do formulário
  });
  

4. Eventos de Carregamento:

• load: Ocorre quando uma página ou recurso é completamente carregado.

  window.addEventListener('load', function() {
      // código a ser executado quando a página é completamente carregada
  });
  

5. Eventos de Foco:

• focus: Ocorre quando um elemento recebe foco.

  inputElement.addEventListener('focus', function() {
      // código a ser executado quando o elemento recebe foco
  });
  

6. Eventos de Mudança:

• change: Ocorre quando o valor de um elemento é alterado (usado principalmente em elementos de formulário como caixas de seleção, botões de rádio, etc.).

  selectElement.addEventListener('change', function() {
      // código a ser executado quando o valor do elemento é alterado
  });
  

Estes são apenas alguns exemplos de eventos em JavaScript. Você pode anexar ouvintes de eventos a praticamente qualquer elemento na página web, permitindo que você crie interações dinâmicas e responsivas em seu site ou aplicativo da web.