uniapp 判断左滑右滑

1.在盒子里分别定义手指按下离开事件

<view @touchstart="touchStart" @touchend="touchEnd"></view>

2.定义变量,按下时间,开始位置,结束位置 

startTime: 0,
startPosition: 0,
endPosition: 0

3.结束所在位置 - 按下时所在位置 = 滑动的距离

// 起点
touchStart(event) {
  this.startTime = Date.now()
  this.startPosition = event.changedTouches[0].clientX
},
// 终点,计算移动距离
touchEnd(event) {
	const endTime = Date.now()
	if (endTime - this.startTime > 2000) {
		return;
	}
	this.endPosition = event.changedTouches[0].clientX

     
    //当移动距离超过10时判断左滑右滑。
	if (Math.abs(this.endPosition - this.startPosition) > 10) {
	  this.endPosition = event.changedTouches[0].clientX
	  var elePosition = this.endPosition - this.startPosition > 0 ? "right" : "left"

	} else {
		return;
	}
				
	console.log(elePosition)			
}

  • 1
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值