Que tipos de eventos (eventos) existem?

Existem muitos tipos de eventos, mas os mais comuns podem ser agrupados em categorias:

• Eventos de interface de utilizador:

  • click: Clique do botão do rato sobre um elemento.
  • dblclick: Duplo clique do botão do rato sobre um elemento.
  • mousedown: Prima do botão do rato (antes de libertar).
  • mouseup: Libertar do botão do rato.
  • mousemove: Movimento do ponteiro do rato sobre um elemento.
  • mouseover: Colocar o ponteiro do rato sobre um elemento.
  • mouseout: Remover o ponteiro do rato de um elemento.
  • mouseenter: O ponteiro do rato sobre um elemento (não se propaga a partir de elementos filhos).
  • mouseleave: O ponteiro do rato sai de um elemento (não se propaga a partir de elementos filhos).
  • contextmenu: Mostrar o menu contextual com o botão direito do rato.

• Eventos de teclado:

  • keydown: Prima de uma tecla (antes de libertar).
  • keyup: Libertar de uma tecla.
  • keypress: Prima e mantém uma tecla, gerando dados de entrada de caracteres. (Obsoleto, recomenda-se usar keydown e keyup).

• Eventos de formulário:

  • submit: Submissão de um formulário.
  • change: Alteração do valor de um elemento de formulário (por exemplo, <input>, <select>, <textarea>).
  • input: Alteração do valor de um elemento de formulário quando o seu conteúdo muda de forma interativa.
  • focus: O elemento recebe foco.
  • blur: O elemento perde foco.
  • cut: Cortar conteúdo.
  • copy: Copiar conteúdo.
  • paste: Colar conteúdo.

• Eventos de carregamento e erros:

  • load: Conclusão do carregamento de um recurso (por exemplo, imagem, script, página).
  • unload: Sair da página.
  • beforeunload: Tentar sair da página (permite mostrar uma caixa de diálogo de confirmação).
  • error: Ocorreu um erro ao carregar um recurso ou executar um script.

• Eventos de foco (FocusEvent):

  • focusin: O elemento ou qualquer elemento filho recebe foco.
  • focusout: O elemento ou qualquer elemento filho perde foco.

• Eventos de deslocamento:

  • scroll: Deslocar um elemento.

• Eventos de toque (para dispositivos sensíveis ao toque):

  • touchstart: O dedo toca na tela.
  • touchend: O dedo levanta-se da tela.
  • touchmove: O dedo move-se na tela.
  • touchcancel: Evento de toque interrompido (por exemplo, devido à chamada do menu do sistema).

• Eventos de arrastar e soltar (Drag and Drop):

  • dragstart: Início do arrasto.
  • drag: O elemento está a ser arrastado.
  • dragend: Fim do arrasto.
  • dragenter: O elemento foi arrastado sobre uma zona de soltura válida.
  • dragleave: O elemento foi arrastado fora de uma zona de soltura válida.
  • dragover: O elemento foi arrastado sobre uma zona de soltura válida (requer cancelar o comportamento padrão para permitir a soltura).
  • drop: O elemento foi solto numa zona de soltura válida.

• Eventos do histórico do navegador:

  • popstate: Alteração na entrada ativa do histórico ao navegar (por exemplo, ao clicar em "Voltar/Avançar").

• Eventos de alteração do tamanho da janela:

  • resize: Alteração do tamanho da janela do navegador.

Esta não é uma lista exaustiva, mas cobre os tipos de eventos mais frequentes e importantes no desenvolvimento web. Compreender o seu propósito e comportamento é fundamental para criar aplicações web interativas.