Is there a way to add payload to vanilla JavaScript event like you can do in jQuery?

// jQuery
$(document).trigger('event', payload);

// Vanilla JS
window.dispatchEvent(new Event('event', ???

I guess I have to use my own Event Bus of some kind?

Is there a way to add payload to vanilla JavaScript event like you can do in jQuery?

// jQuery
$(document).trigger('event', payload);

// Vanilla JS
window.dispatchEvent(new Event('event', ???

I guess I have to use my own Event Bus of some kind?

• javascript
• jquery
• dom-events

1 Answer 1

Try utilizing CustomEvent , see Creating and triggering events

function eventHandler(e) {
  console.log("detail:", e.detail);
}

window.addEventListener("build", eventHandler);

window.dispatchEvent(new CustomEvent("build", {"detail": {"abc":123}}));