uniapp 监听用户上/下/左/右滑动

最新推荐文章于 2024-05-09 15:02:09 发布

kopppo7

最新推荐文章于 2024-05-09 15:02:09 发布

阅读量1.6k

点赞数 1

文章标签： uni-app javascript 前端

本文链接：https://blog.csdn.net/kopppo7/article/details/130402010

版权

三个事件

<view
@touchmove="handletouchmove($event)"
@touchstart="handletouchstart"
@touchend="handletouchend"
>

用法

handletouchmove(event) {
    // 左右切换为 X 即可
	let currentY = event.changedTouches[0].pageY;
	let ty = currentY - this.lastY;
	if (ty < -20) {
		// 向上滑动
	} else if (ty > 20) {
		//向下滑动
	}
	//将当前坐标进行保存以进行下一次计算
	this.lastY = currentY;
},

handletouchstart(event) {
	//滑动开始
	this.lastY = event.changedTouches[0].pageY;
},

handletouchend(event) {
	//停止滑动
},