$cat~/glossario/custom-event.md

Custom Event

Web Platform

Evento disparado manualmente com CustomEvent e detail payload.

custom-event.mdmarkdown
01

seção

Explicação

Custom Event — Evento disparado manualmente com CustomEvent e detail payload.

new CustomEvent("nome", { detail, bubbles, cancelable }) + dispatchEvent para comunicação desacoplada.

Web Components usam extensivamente; também pub/sub leve DOM.

02

seção

Exemplo

snippetJavaScript
const ev = new CustomEvent("cart:updated", { detail: { total: 99 } });window.dispatchEvent(ev);
03

seção

Modo de uso

  • Micro-frontend same page

  • Legacy jQuery + modern bridge

  • Test dispatch handlers

04

seção

Armadilhas comuns

  • detail clonado structured clone rules

  • Nome collision sem prefix namespace

05

seção

Termos relacionados