uniapp下的手势事件
uniapp下的手势事件
实现了上滑下滑左滑右滑的事件识别
定义return
touchStartX: 0, // 触屏起始点x
touchStartY: 0, // 触屏起始点y
绑定事件
<view @touchstart="touchStart" @touchend="touchEnd">
方法代码
/**
* 触摸开始
**/
touchStart(e) {
console.log("触摸开始")
this.touchStartX = e.touches[0].clientX;
this.touchStartY = e.touches[0].clientY;
},
/**
* 触摸结束
**/
touchEnd(e) {
let _this = this;
console.log("触摸结束")
let deltaX = e.changedTouches[0].clientX - this.touchStartX;
let deltaY = e.changedTouches[0].clientY - this.touchStartY;
if (Math.abs(deltaX) > 50 && Math.abs(deltaX) > Math.abs(deltaY)) {
if (deltaX >= 0) {
console.log("左滑")
} else {
console.log("右滑")
}
} else if (Math.abs(deltaY) > 50 && Math.abs(deltaX) < Math.abs(deltaY)) {
if (deltaY < 0) {
console.log("上滑")
} else {
console.log("下滑")
}
} else {
console.log("可能是误触！")
}
},
