element.addEventListener() Adicionar event listener
Última atualização: 2026-10-13
element.addEventListener() Adicionar event listener
addEventListener anexa um manipulador de eventos — o método padrão para eventos DOM.
| Categoria | DOM |
|---|
⚙️ Parâmetros
| type | |
|---|---|
| listener |
Retorno：undefined.
Modifica o original：Não (retorna um novo valor)
▶ Exemplo
Edite o código, clique em Executar e veja o resultado no painel de saída:
💡 Dica
💡 Dica
🌐 Suporte do navegador
| Navegador |  Chrome |
 Edge |
 Firefox |
 Safari |
 Opera |
|---|---|---|---|---|---|
| element.addEventListener() | ✓ v1 | ✓ v12 | ✓ v1 | ✓ v1 | ✓ v1 |
| Suportado por todos os navegadores modernos | |||||
🏷️ Métodos DOM relacionados
💡 Casos relacionados
Mais estudos de caso em breve — aguarde.
📚 Tutoriais relacionados
❓ Perguntas frequentes
QaddEventListener x onclick?
AaddEventListener suporta vários; onclick é único e sobrescrevível.
QComo remover um ouvinte?
AremoveEventListener com a mesma referência de função.
QO que é delegação de eventos?
AOuça no pai, use event.target — ótimo para filhos dinâmicos.
