glossárioWeb
$cat~/glossario/event-delegation.md
Event Delegation
Web Platform
Padrão de ouvir evento no ancestral e filtrar pelo alvo real.
seção
Explicação
Event Delegation — Padrão de ouvir evento no ancestral e filtrar pelo alvo real.
Um listener no ancestral trata eventos de filhos via event.target — menos listeners, DOM dinâmico OK.
Padrão essencial listas renderizadas incrementalmente.
seção
Exemplo
list.addEventListener("click", (e) => { const btn = e.target.closest("[data-action]"); if (!btn) return; handle(btn.dataset.action);});seção
Modo de uso
Tabelas grandes
Todo lists dinâmicas
Performance many nodes
seção
Armadilhas comuns
target vs currentTarget confusão
Esquecer closest para nested elements
seção
Termos relacionados
$cd~/glossario/relacionados
Mais em Web Platform
Outros termos da mesma categoria para revisão em sequência.