UNIAPP----判断手指移动是上滑还是下滑

UNIAPP----判断手指移动是上滑还是下滑

<view @touchstart="fingerstart" @touchend="fingerend">
.......
</view>
data() {
    
    
	return {
    
    
		clientY: 0, //手指滑动方向
		vertical: true, //是否可以滑动		
	}
},
methods:{
    
    
	//一开始手指活动的方向
	fingerstart(e) {
    
    
		this.clientY = e.changedTouches[0].clientY
	},
	// 判断页面是上滑还是下滑
	fingerend(e) {
    
    
		const subY = e.changedTouches[0].clientY - this.clientY;
		if (subY > 50 || subY < -50) {
    
    
			if (!this.vertical) return this.$alert('xxxx!');
		}
	},
}

猜你喜欢

转载自blog.csdn.net/heavenz19/article/details/128939581