​
Web Component

Explo uses the CustomEvent spec to fire our own events when certain things happen in the app that you might want to respond to in your app.

​
How do I interact with Custom JS events?

Add an event listener in your app to respond to any of the available events listed on this page. 
const listener = (e) => {
  console.log(e.detail);
};

elem.addEventListener("EVENT_NAME", listener);
Be sure to clean up the event listener when you’re done with it. 
elem.removeEventListener(listener);

​
Iframe

For Iframes, Explo uses the PostMessage spec to fire the events

​
How do I interact with Custom JS events?

Add an event listener in your app to respond to the events listed on this page. 
const messageListener = (e) => {
  // Check origin of message before reading
  if (e.origin != "https://app.explo.co") return;
  switch (e.data.event) {
    case "sendVariableUpdatedEvent":
      console.log(e.data.detail);
      break;
  }
};

window.addEventListener("message", messageListener);
Just make sure you clean up the event listener when you’re done with it. 
window.removeEventListener(messageListener);