lsm/konva
1
0
Fork 0
mirror of https://github.com/konvajs/konva.git synced 2025-11-18 17:21:36 +08:00
Code Issues Actions 3 Packages Projects Releases Wiki Activity

made a better fix for the mobile alternating drag and drop bug

Browse Source
This commit is contained in:
Eric Rowell
2012-06-14 20:29:07 -07:00
parent 9a5f9006b8
commit 838c719c0e
4 changed files with 36 additions and 12 deletions
Download Patch File Download Diff File Expand all files Collapse all files

21
dist/kinetic-core.js vendored
View File

@@ -1971,7 +1971,7 @@ Kinetic.Stage.prototype = {
}
// handle touchstart
if(!isDragging && this.touchStart) {
if(!isDragging && this.touchStart && !this.touchMove) {
this.touchStart = false;
this.tapStart = true;
shape._handleEvent('touchstart', evt);
@@ -2176,7 +2176,8 @@ else if(!isDragging && this.touchMove) {
var tt = 1000 / throttle;
if(timeDiff >= tt) {
that.mouseMove = true;
that.mouseDown = false;
that.mouseUp = false;
that._handleStageEvent(evt);
}
}, false);
@@ -2228,9 +2229,19 @@ else if(!isDragging && this.touchMove) {
var tt = 1000 / throttle;
if(timeDiff >= tt) {
evt.preventDefault();
that.touchMove = true;
that._handleStageEvent(evt);
/*
* need a setTimeout here because iOS
* sometimes triggers touchStart and touchMove
* simultaenously which causes eventd detection issues.
* The timeout ensures that touchstart events
* are handled first followed by touchmove
*/
setTimeout(function() {
evt.preventDefault();
that.touchEnd = false;
that.touchMove = true;
that._handleStageEvent(evt);
}, 5);
}
}, false);

4
dist/kinetic-core.min.js vendored
View File

File diff suppressed because one or more lines are too long

21
src/Stage.js
View File

@@ -422,7 +422,7 @@ Kinetic.Stage.prototype = {
}
// handle touchstart
if(!isDragging && this.touchStart) {
if(!isDragging && this.touchStart && !this.touchMove) {
this.touchStart = false;
this.tapStart = true;
shape._handleEvent('touchstart', evt);
@@ -627,7 +627,8 @@ else if(!isDragging && this.touchMove) {
var tt = 1000 / throttle;
if(timeDiff >= tt) {
that.mouseMove = true;
that.mouseDown = false;
that.mouseUp = false;
that._handleStageEvent(evt);
}
}, false);
@@ -679,9 +680,19 @@ else if(!isDragging && this.touchMove) {
var tt = 1000 / throttle;
if(timeDiff >= tt) {
evt.preventDefault();
that.touchMove = true;
that._handleStageEvent(evt);
/*
* need a setTimeout here because iOS
* sometimes triggers touchStart and touchMove
* simultaenously which causes eventd detection issues.
* The timeout ensures that touchstart events
* are handled first followed by touchmove
*/
setTimeout(function() {
evt.preventDefault();
that.touchEnd = false;
that.touchMove = true;
that._handleStageEvent(evt);
}, 5);
}
}, false);

2
tests/js/functionalTests.js
View File

@@ -1310,6 +1310,7 @@ Test.prototype.tests = {
//log('not dragging yet after draggable, isDragging: ' + circle.isDragging());
test(circle.isDragging() === false, 'isDragging() should be false');
/*
circle.on('dragstart', function() {
log('dragstart, isDragging: ' + this.isDragging());
test(circle.isDragging() === true, 'isDragging() should be true');
@@ -1324,6 +1325,7 @@ Test.prototype.tests = {
log('dragend, isDragging: ' + this.isDragging());
test(circle.isDragging() === false, 'isDragging() should be false');
});
*/
layer.add(circle);
stage.add(layer);