Jquery双击事件不触发执行单击事件解决方法

    Jquery同时使用到单击和双击事件时，当触发双击事件会先执行两次单击操作，现将当执行双击事件不触发单击事件的解决方法分享如下。

//定义setTimeout执行方法
var TimeFn = null;

$('#cs-index-tree').tree({
url: 'data/topic/tree_topic.json',
onClick: function(node){
// 取消上次延时未执行的方法
clearTimeout(TimeFn);
//执行延时
TimeFn = setTimeout(function(){
//do function在此处写单击事件要执行的代码
$('#cs-index-tree').tree(node.state=='closed' ? 'expand' : 'collapse',node.target);
},300);
},
onDblClick: function(node){
// 取消上次延时未执行的方法
clearTimeout(TimeFn);
//双击事件的执行代码

showTpcTitleHtml(this,node); //show title
InitTopicContent(node.text);

}
});

    这里用到了js的两个方法：

    setTimeout() 方法用于在指定的毫秒数后调用函数或计算表达式。

    clearTimeout() 方法可取消由 setTimeout() 方法设置的 timeout。

    此方法采用延时的小技巧，设置每次单击时延时300ms后执行操作，当执行双击事件时先触发的单击事件因为延时未能执行而被取消，因此在一定程度上避免了双击事件触发单击事件。