Skip to content

removeEventListener

The removeEventListener method allows you to remove previously registered event listeners from Htag events. This is useful for cleaning up event listeners when they are no longer needed.

window.htag.api('1').removeEventListener(eventName, handler);
  • eventName (string): The name of the event to stop listening for
  • handler (function): The exact function reference that was used when adding the listener
const readyListener = () => {
console.log('Htag is ready');
};
// Add the event listener
window.htag.api('1').addEventListener('ready', readyListener);
// Later, remove the event listener when no longer needed
window.htag.api('1').removeEventListener('ready', readyListener);
  • You must pass the same function reference to removeEventListener that you passed to addEventListener
  • Anonymous functions cannot be removed, so always use named functions or stored function references
  • In case you want to get just one update (one shot listener), use addEventListener with { once: true } option (full example in addEventListener doc)