You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
35 lines
1.0 KiB
35 lines
1.0 KiB
const MIN_DISTANCE = 10; |
|
function getDirection(x, y) { |
|
if (x > y && x > MIN_DISTANCE) { |
|
return 'horizontal'; |
|
} |
|
if (y > x && y > MIN_DISTANCE) { |
|
return 'vertical'; |
|
} |
|
return ''; |
|
} |
|
export const touch = Behavior({ |
|
methods: { |
|
resetTouchStatus() { |
|
this.direction = ''; |
|
this.deltaX = 0; |
|
this.deltaY = 0; |
|
this.offsetX = 0; |
|
this.offsetY = 0; |
|
}, |
|
touchStart(event) { |
|
this.resetTouchStatus(); |
|
const touch = event.touches[0]; |
|
this.startX = touch.clientX; |
|
this.startY = touch.clientY; |
|
}, |
|
touchMove(event) { |
|
const touch = event.touches[0]; |
|
this.deltaX = touch.clientX - this.startX; |
|
this.deltaY = touch.clientY - this.startY; |
|
this.offsetX = Math.abs(this.deltaX); |
|
this.offsetY = Math.abs(this.deltaY); |
|
this.direction = this.direction || getDirection(this.offsetX, this.offsetY); |
|
} |
|
} |
|
});
|
|
|