フロントエンドの開発プロセスでは、Douyinのいいね、ダブルクリックして写真を拡大するなど、ダブルクリックも非常に広範囲に渡ります。この記事では、ダブルクリックイベントを特定するための基本事項について説明します。
認識の原則:タイマーを使用して、一定期間内に2つのクリックイベントが発生するかどうかを監視します。
コードを見てください:
//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>
結果: