use native add/removeEventListener when zone.js is present

pendo-io · Nov 27, 2023 · 7d360c0 · 7d360c0
1 parent c34b381
commit 7d360c0
Showing 1 changed file with 6 additions and 2 deletions.
diff --git a/packages/rrweb/src/utils.ts b/packages/rrweb/src/utils.ts
@@ -35,15 +35,19 @@ export function getZoneSymbol<T>(symbolName: string): T {
 
 export const nativeSetTimeout =
   getZoneSymbol<typeof window.setTimeout>('setTimeout');
+export const nativeAddEventListener =
+  getZoneSymbol<typeof window.addEventListener>('addEventListener');
+export const nativeRemoveEventListener =
+  getZoneSymbol<typeof window.removeEventListener>('removeEventListener');
 
 export function on(
   type: string,
   fn: EventListenerOrEventListenerObject,
   target: Document | IWindow = document,
 ): listenerHandler {
   const options = { capture: true, passive: true };
-  target.addEventListener(type, fn, options);
-  return () => target.removeEventListener(type, fn, options);
+  nativeAddEventListener.call(target, type, fn, options);
+  return () => nativeRemoveEventListener.call(target, type, fn, options);
 }
 
 // https://github.com/rrweb-io/rrweb/pull/407