主页

uniapp的双击和单击事件处理

聆晚雾   IP属地: 青海
0 点赞 0阅读 1940


uni-app 小程序双击事

目前uni-app view标签不支持双击事件,下面自定义双击事件

data(){
  return {
    lastTapTimeoutFunc:null,
	lastTapDiffTime:0
  }
},
methods:{
         handClick() {
			  let t = this;
			  //
			  let curTime = new Date().getTime();
			  let lastTime = t.lastTapDiffTime;
			  t.lastTapDiffTime = curTime;
			  //
			  //两次点击间隔小于300ms, 认为是双击
			  let diff = curTime - lastTime;
			  if (diff < 300) {
					//双击
					//自定义
					clearTimeout(t.lastTapTimeoutFunc); // 成功触发双击事件时,取消单击事件的执行
			  } else {
			  // 单击事件延时300毫秒执行 单击
			   t.lastTapTimeoutFunc = setTimeout(function() {
					//自定义
			   	}, 300);
			 }
			}
           }
}


© 著作权归作者所有,转载或内容合作请联系作者