js 关于双击会触发两次单击的解决方法

一.双击只触发一次单击的方法,这里通过setTimeout来解决

var clickCount=0;
function oneClick(event, treeId, treeNode){
if(clickCount!=0){
clickCount=0;
return;
}else{
clickCount++;
}
setTimeout(function() { 
clickCount=0;
    }, 500);

}

二，双击屏蔽掉单击事件触发的方法

1.双击控制单击方法

var TimeFn = null;//定义setTimeout执行方法
function zTreeClick(event, treeId, treeNode){
// 取消上次延时未执行的方法
    clearTimeout(TimeFn);
    //执行延时
    TimeFn = setTimeout(function(){
        console.log("onc click"); 
    },500);

}

function dbClick(){

 clearTimeout(TimeFn);

console.log("db click"); 

}

2.在单击事件中区分是单击还是双击，推荐这一种

var clickCount=0;
function oneClick(event, treeId, treeNode){
clickCount++;

setTimeout(function() { 
if(clickCount==2){
console.log("db click"); 
}else if(clickCount==1){
console.log("one click"); 
}
clickCount=0;
    }, 300);
}