$cat~/glossario/event-listener.md

Event Listener

Web Platform

Função registrada para reagir a eventos do DOM ou do runtime.

event-listener.mdmarkdown
01

seção

Explicação

Event Listener — Função registrada para reagir a eventos do DOM ou do runtime.

addEventListener(type, handler, options) — options: { capture, once, passive, signal }.

Passive true melhora scroll perf; AbortSignal remove listener no abort.

02

seção

Exemplo

snippetJavaScript
btn.addEventListener("click", onClick, { once: true });// cleanup:controller.abort(); // se signal passado
03

seção

Modo de uso

  • Delegação no parent

  • Keyboard shortcuts

  • Cleanup com AbortController

04

seção

Armadilhas comuns

  • Esquecer removeEventListener mesma ref

  • Anonymous function impossível remover

05

seção

Termos relacionados