fix: 手势事件因为冒泡而多次绑定 (#1448)

antvis · Jul 31, 2023 · 586f3d7 · 586f3d7
1 parent 2643fed
commit 586f3d7
Showing 1 changed file with 8 additions and 6 deletions.
diff --git a/packages/g-gesture/src/gesture.ts b/packages/g-gesture/src/gesture.ts
@@ -90,13 +90,14 @@ class Gesture extends EventEmitter {
       el.ownerDocument?.defaultView.addEventListener('pointermove', this._move);
     } else {
       el.isMutationObserved = true;
-      el.on(ElementEvent.MOUNTED, (e) =>
+      el.on(ElementEvent.MOUNTED, (e) => {
+        e.stopPropagation();
         el.ownerDocument?.defaultView.addEventListener(
           'pointermove',
           // @ts-ignore
           this._move,
-        ),
-      );
+        );
+      });
     }
 
     el.addEventListener('pointerdown', this._start);
@@ -105,10 +106,11 @@ class Gesture extends EventEmitter {
       // @ts-ignore
       el.ownerDocument?.defaultView.addEventListener('pointerup', this._end);
     } else {
-      el.on(ElementEvent.MOUNTED, (e) =>
+      el.on(ElementEvent.MOUNTED, (e) => {
+        e.stopPropagation();
         // @ts-ignore
-        el.ownerDocument?.defaultView.addEventListener('pointerup', this._end),
-      );
+        el.ownerDocument?.defaultView.addEventListener('pointerup', this._end);
+      });
     }
 
     el.addEventListener('pointercancel', this._cancel);