feat: 0.0.5，拖拽时，禁止触发页面滚动等默认事件

CHANGELOG.md

@@ -1,3 +1,8 @@
+## 0.0.5
+2023-02-13
+
+拖拽时，禁止触发页面滚动等默认事件
+
 ## 0.0.4
 2023-02-13
 

dist/vue-directive-dragging.esm.js

@@ -1,5 +1,5 @@
 /**
- * vue-directive-dragging v0.0.4
+ * vue-directive-dragging v0.0.5
  * (c) 2023 dengwb
  * @license MIT
  */
@@ -39,6 +39,7 @@ function install(Vue, options) {
   }
 
   function handleDragMove(event) {
+    event.preventDefault();
     var left = event.touches[0].pageX - diffLeft;
     var top = event.touches[0].pageY - diffTop;
 
@@ -70,7 +71,7 @@ function install(Vue, options) {
 
 var index = {
   install: install,
-  version: '0.0.4'
+  version: '0.0.5'
 };
 
 export default index;

dist/vue-directive-dragging.js

@@ -1,5 +1,5 @@
 /**
- * vue-directive-dragging v0.0.4
+ * vue-directive-dragging v0.0.5
  * (c) 2023 dengwb
  * @license MIT
  */
@@ -45,6 +45,7 @@
     }
 
     function handleDragMove(event) {
+      event.preventDefault();
       var left = event.touches[0].pageX - diffLeft;
       var top = event.touches[0].pageY - diffTop;
 
@@ -76,7 +77,7 @@
 
   var index = {
     install: install,
-    version: '0.0.4'
+    version: '0.0.5'
   };
 
   return index;

examples/app.vue

@@ -1,7 +1,76 @@
 <template>
-  <div class="drag-dom"
+  <div class="content-box">
+    <div class="drag-dom"
        @click="$_click"
        v-dragging="{ prevent: false }"></div>
+    1111
+    1111
+    <br>
+    <br>
+    <br>
+    <br>
+    <br>
+    <br>
+    <br>
+    <br>
+    <br>
+    <br>
+    <br>
+    <br>
+    <br>
+    <br>
+    <br>
+    <br>
+    <br>
+    <br>
+    <br>
+    <br>
+    <br>
+    <br>
+    <br>
+    <br>
+    <br>
+    <br>
+    <br>
+    <br>
+    <br>
+    <br>
+    <br>
+    <br>
+    <br>
+    <br>
+    <br>
+    <br>
+    <br>
+    <br>
+    <br>
+    <br>
+    <br>
+    <br>
+    <br>
+    <br>
+    <br>
+    <br>
+    <br>
+    <br>
+    <br>
+    <br>
+    <br>
+    <br>
+    <br>
+    <br>
+    1111
+    1111
+    1111
+    1111
+    1111
+    1111
+    1111
+    1111
+    1111
+    1111
+  </div>
+
 </template>
 
 <script>
@@ -17,6 +86,9 @@ export default {
 body {
   position: relative;
   user-select: none;
+}
+.content-box {
+
 }
 .drag-dom {
   width: 100px;

package.json

@@ -1,6 +1,6 @@
 {
   "name": "vue-directive-dragging",
-  "version": "0.0.4",
+  "version": "0.0.5",
   "description": "Implementing a drag-and-drop plugin based on the vue directive",
   "main": "./dist/vue-directive-dragging.min.js",
   "scripts": {

src/index.js

@@ -21,6 +21,7 @@ function install (Vue, options) {
   }
 
   function handleDragMove (event) {
+    event.preventDefault()
     const left = event.touches[0].pageX - diffLeft
     const top =  event.touches[0].pageY - diffTop