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后执行操作，当执行双击事件时先触发的单击事件因为延时未能执行而被取消，因此在一定程度上避免了双击事件触发单击事件。