Skip to main content

triggerEvent

TS JS Deno

Triggers a specific event on a given element, optionally passing custom data.

Use new CustomEvent() to create an event from the specified eventType and details. Use el.dispatchEvent() to trigger the newly created event on the given element. Omit the third argument, detail, if you do not want to pass custom data to the triggered event.

typescript
const triggerEvent = (el: HTMLElementLike, eventType: string, detail: any) =>
  el.dispatchEvent && el.dispatchEvent(new CustomEvent(eventType, { detail }));
typescript
triggerEvent(document.getElementById("myId"), "click");
triggerEvent(document.getElementById("myId"), "click", { username: "bob" });