fix: fix addEventListener (#209)

naver · Dec 2, 2022 · 5805c9d · 5805c9d
1 parent 4806cfa
commit 5805c9d
Show file tree

Hide file tree

Showing 2 changed files with 9 additions and 2 deletions.
diff --git a/packages/axes/src/inputType/InputType.ts b/packages/axes/src/inputType/InputType.ts
@@ -77,3 +77,9 @@ export const convertInputType = (inputType: string[] = []): ActiveEvent => {
   }
   return null;
 };
+
+export function getAddEventOptions(eventName: string) {
+	// The passive default value of the touch event is true.
+	// If not a touch event, return false to support ie11
+	return eventName.indexOf("touch") > -1 ? { passive: false } : false;
+}
diff --git a/packages/axes/src/inputType/PanInput.ts b/packages/axes/src/inputType/PanInput.ts
@@ -25,6 +25,7 @@ import { ActiveEvent, ElementType, InputEventType } from "../types";
 
 import {
   convertInputType,
+  getAddEventOptions,
   InputType,
   InputTypeObserver,
   toAxis,
@@ -373,10 +374,10 @@ export class PanInput implements InputType {
 
   protected _attachWindowEvent(activeEvent: ActiveEvent) {
     activeEvent?.move.forEach((event) => {
-      window.addEventListener(event, this._onPanmove, { passive: false });
+      window.addEventListener(event, this._onPanmove, getAddEventOptions(event));
     });
     activeEvent?.end.forEach((event) => {
-      window.addEventListener(event, this._onPanend, { passive: false });
+      window.addEventListener(event, this._onPanend, getAddEventOptions(event));
     });
   }