uni单击与双击,三击

18 篇文章 1 订阅
5 篇文章 0 订阅

记得之前有同事说过处理双击事件,然后听了个大概,这次用到了,记录下
定义点击时间

data() {
			return {
				video_url:'',
				screenHeight:'',
				touchStartTime:0
			};
		},

然后点击时执行,判断当前时间与点击时间的差值

                let that = this;
				let now_time = new Date().getTime();
				if(now_time - this.touchStartTime < 350){
					console.log("双击");
					uni.showToast({
						title:'双击',
						icon:'none'
					})
				}else{
					console.log("单击");
					this.touchStartTime = new Date().getTime()
				} 

在这里插入图片描述
三击的话会多一个点击次数判断,但是一个按钮上同时又单击、双击、三击时候会有问题,目前没想到思路,只能遇到这种需求时候再想了

	            var that= this; 
				let now_time = new Date().getTime();
				  
					this.t_click +=1;
					if(now_time - this.touchStartTime < 550 &&  this.t_click ==3 ){
						console.log("三击");
						 
					}else{ 
						if(now_time - this.touchStartTime < 350 ){
							console.log("双击");
						}  
						 
					} 
					
					if(now_time - this.touchStartTime >600){
						console.log("单击");
						this.touchStartTime = new Date().getTime()
						 
						setTimeout(function(){
							 that.t_click = 0;
							 console.log('clear');
						},1000)
					}
				 
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值