浏览代码

处理拖动离开页面的情况

任一存 3 年之前
父节点
当前提交
f6a7da2546
共有 1 个文件被更改,包括 4 次插入0 次删除
  1. 4 0
      src/views/HomeView.vue

+ 4 - 0
src/views/HomeView.vue

@@ -5,6 +5,7 @@
     @mousedown="onMouseDown"
     @mousemove="onMouseMove"
     @mouseup="onMouseUp"
+    @mouseleave="onMouseLeave"
     @wheel.passive="onWheel"
   >
     <img
@@ -113,6 +114,9 @@ export default {
     onMouseUp(e) {
       this.isMouseDown = false
     },
+    onMouseLeave() {
+      this.isMouseDown = false
+    },
     onMouseMove(e) {
       if (this.isMouseDown) {
         if (this.lastMoveEventTimeStamp) {