36 lines
1.0 KiB
JavaScript
36 lines
1.0 KiB
JavaScript
|
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);
|
||
|
|
}
|
||
|
|
}
|
||
|
|
});
|