识别JS单双击事件

前端开发过程中，双击涉及也十分广泛比如抖音点赞，双击放大图片等等，本文就讲解识别双击事件要领。

 

识别原理：用一个定时器监听判断是否一段时间内发生两次单击事件；

看代码：

//js
		    click(){
				clearTimeout(timer);
				this.dbclick = !this.dbclick;
				timer = setTimeout(()=>{
					if(this.dbclick){
						console.log("单击事件")
					}else{
						console.log("双击666啊")
					}
					this.dbclick = false;
			},300)


//html
		<button type="default" @click="click">按钮</button>
	

结果：