uni-app、小程序中设置双击事件

export default {
		components: {
		
		},
		data() {
			return {
			touchStartTime: 0, // 触摸开始时间   用来判断是否是双击	
			}
		},
		methods: {
			//判断是否是双击
			onSet: function(e) {
				//console.log(new Date().getTime())
				if (this.touchStartTime == 0) {
					this.touchStartTime = new Date().getTime()
				} else {
					if (new Date().getTime() - this.touchStartTime <= 300) {
						this.setMeau = true
						console.log('这是双击')
					}
					this.touchStartTime = 0
				}

			},
		},
		onLoad: function() {
			
		}
	}

本来想做一个双击事件,但uni-app和小程序都没有这个事件,后来自己想了一下,其实也容易实现,先设置一个全局变量,并赋值为空,当点击时先判断这个变量是否被赋值,如果为被赋值,则将此刻的时间戳赋给它,如果已经被赋值,则用此刻时间戳减被赋的值,如果小于等于300(等于0.3秒,可以根据自己的需要取不同的值),则说明是双击事件。

你可能感兴趣的:(js,小程序,uni-app)