Fix touch move on mobile

apache · Mar 23, 2017 · 3b955ba · 3b955ba
1 parent ad5ca44
commit 3b955ba
Show file tree

Hide file tree

Showing 2 changed files with 19 additions and 0 deletions.
diff --git a/src/component/dataZoom/SliderZoomView.js b/src/component/dataZoom/SliderZoomView.js
@@ -9,6 +9,8 @@ define(function (require) {
     var linearMap = numberUtil.linearMap;
     var layout = require('../../util/layout');
     var sliderMove = require('../helper/sliderMove');
+    var eventTool = require('zrender/core/event');
+
     var asc = numberUtil.asc;
     var bind = zrUtil.bind;
     // var mathMax = Math.max;
@@ -415,6 +417,10 @@ define(function (require) {
                 draggable: true,
                 cursor: 'move',
                 drift: bind(this._onDragMove, this, 'all'),
+                onmousemove: function (e) {
+                    // Fot mobile devicem, prevent screen slider on the button.
+                    eventTool.stop(e.event);
+                },
                 ondragstart: bind(this._showDataInfo, this, true),
                 ondragend: bind(this._onDragEnd, this),
                 onmouseover: bind(this._showDataInfo, this, true),
@@ -452,6 +458,10 @@ define(function (require) {
                     cursor: this._orient === 'vertical' ? 'ns-resize' : 'ew-resize',
                     draggable: true,
                     drift: bind(this._onDragMove, this, handleIndex),
+                    onmousemove: function (e) {
+                        // Fot mobile devicem, prevent screen slider on the button.
+                        eventTool.stop(e.event);
+                    },
                     ondragend: bind(this._onDragEnd, this),
                     onmouseover: bind(this._showDataInfo, this, true),
                     onmouseout: bind(this._showDataInfo, this, false)

diff --git a/src/component/visualMap/ContinuousView.js b/src/component/visualMap/ContinuousView.js
@@ -8,6 +8,7 @@ define(function(require) {
     var LinearGradient = require('zrender/graphic/LinearGradient');
     var helper = require('./helper');
     var modelUtil = require('../../util/model');
+    var eventTool = require('zrender/core/event');
 
     var linearMap = numberUtil.linearMap;
     var each = zrUtil.each;
@@ -230,6 +231,10 @@ define(function(require) {
             var handleLabel = new graphic.Text({
                 draggable: true,
                 drift: onDrift,
+                onmousemove: function (e) {
+                    // Fot mobile devicem, prevent screen slider on the button.
+                    eventTool.stop(e.event);
+                },
                 ondragend: onDragEnd,
                 style: {
                     x: 0, y: 0, text: '',
@@ -794,6 +799,10 @@ define(function(require) {
             draggable: !!onDrift,
             cursor: cursor,
             drift: onDrift,
+            onmousemove: function (e) {
+                // Fot mobile devicem, prevent screen slider on the button.
+                eventTool.stop(e.event);
+            },
             ondragend: onDragEnd
         });
     }