Learning Hub Logo
JavaScript
  • Introdução ao JavaScript
  • Como adicionar JavaScript ao HTML
  • Saída de Dados
  • Variáveis
  • Tipos de Dados
  • Operadores
  • Operadores de Comparação e Lógicos
  • Condicionais
  • Switch
  • Loop: for
  • Loop: while e do...while
  • Break e Continue
  • Funções
  • Arrow Functions
  • Escopo
  • Arrays
  • Métodos de Array
  • Objetos
  • Métodos de Objeto
  • Strings
  • Métodos de String
  • Números
  • Math
  • Datas
  • Introdução ao DOM
  • Selecionando Elementos
  • Alterando HTML e CSS com JavaScript
  • Eventos
  • Callbacks
  • Promises
  • Async/Await
  • Fetch API
  • JSON
  • Tratamento de Erros
  • Módulos
  • LocalStorage e SessionStorage

Sobre Diego Pinho

Professor especialista em tecnologia com mais de 10 anos de experiência. Autor de livros técnicos e criador de cursos que já impactaram milhares de estudantes.

Visite meu site principal →

Serviços

  • Área do Aluno
  • Solicite um orçamento
  • Trabalhe Conosco

Redes Sociais

  • Youtube
  • TikTok
  • Instagram
  • LinkedIn

Links

  • Site Institucional
  • Nosso Blog
  • Cursos Online
  • Livros Publicados

Professor Diego Pinho

Educação, Tecnologia e IA © 2026

Discord
JavaScriptEventos
1 min de leitura

Eventos

O que são eventos no JavaScript e como reagir a interações do usuário

Eventos

Eventos são ações que acontecem na página: um clique, uma tecla pressionada, o mouse passando sobre um elemento, um formulário sendo enviado. O JavaScript reage a esses eventos executando funções.

Eventos inline (evite)

Carregando...

Funciona, mas mistura HTML e JavaScript. Evite no dia a dia.

Propriedade de evento no elemento

Carregando...

Simples, mas permite apenas um handler por evento. O próximo onclick sobrescreve o anterior.

addEventListener (recomendado)

Carregando...

É a forma mais recomendada. Permite adicionar múltiplos listeners no mesmo evento e oferece mais controle.

Eventos comuns

Carregando...

O objeto event

Todo handler recebe um objeto com informações sobre o evento.

Carregando...

preventDefault

Cancela o comportamento padrão do navegador para aquele evento.

Carregando...
AnteriorAlterando HTML e CSS com JavaScriptPróximo Callbacks