小程序控件实现长按事件

Posted 黑胡子大叔的小屋

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了小程序控件实现长按事件相关的知识,希望对你有一定的参考价值。

小程序控件实现长按事件代码记录

<button class="btn-regist" @click="test3()" @touchstart="test1" @touchend="test2">测试</button>

<script>
		method:
				test1()
					console.log('开始按下')
					this.clickFlag = true
					this.timer = setTimeout(()=>
						console.log('触发事件')
						this.clickFlag = false
					,1000)
				,
				test2()
					if(this.timer)
						clearTimeout(this.timer)
					
				,
				test3()
					if(this.clickFlag)
						console.log('click触发')
				,
		
</script>

以上是关于小程序控件实现长按事件的主要内容,如果未能解决你的问题,请参考以下文章

Js实现长按事件

小程序实现长按录音,上划取消发送

Js实现移动端长按事件

微信小程序-双击长按longtap事件与tap事件冲突的解决办法

小程序中内嵌的H5页面上的二维码可以长按识别吗?

微信小程序长按保存图片