Javascript 中 click 和 dblclick ****问题的解决办法

一个DOM元素，如：div，既绑定了 click ****，又绑定了 dblclick ****，这两个****分别要做独立的事情。****处理上没有冲突，都可以各自完成各自的操作。双击的时候虽然是执行了 dblclick ****，但是在这之前，也执行了 click ****，那么，如何来禁止或者说屏蔽这次多余的 click ****呢？本文将提供给您一个比较好的解决办法。情况分析：
　　首先，来了解一下点击****发生的先后顺序：

[*]单击：mousedown, mouseup, click[*]双击：mousedown, mouseup, click, mousedown, mouseup, click, dblclick

　　由此看来，dblclick ****发生之前，实际上发生了两次 click ****。其中，第一次的 click 是会被屏蔽掉，但是第二次则不会，所以就出现在双击的时候，也触发 click ****。
解决办法：
　　知道了原因，接下来自然就是想办法把这次 click 给屏蔽掉，但是由于各浏览器均未提供直接去停止****的方法，所以值得改变思路。
　　由于我们只需要屏蔽一次 click ****即可，由此联想到，可以利用 setTimeout() 方法来延时完成 click ****的处理，在需要停止 click 的时候利用 clearTimeout() 方法停止这一****的处理。这样，就可以比较容易的写出如下的 javascript 代码：
var timer = null;function do_click(event) { clearTimeout(timer); // 这里加一句是为了兼容 Gecko 的浏览器 // if (event.detail == 2) return ; // 同上句的作用 timer = setTimeout(function() { // click ****的处理 }, 300);}function do_dblclick(event) { clearTimeout(timer); // dblclick ****的处理}测试代码：
需要 jQuery 类库，你可以从 jquery.com 获取到最新版本
Test Log:
问题总结：
　　从测试结果来看，如果前后两次点击的时间在 300ms 左右的时候，还是很容易出现 click 和 dblclick ****被“同时”调用的情况，而如果间隔的时间更短或更长，则只会有 click 或 dblclick ****。
　　所以，应该说这个方法已经在很大程度上，避免了 click 和 dblclick ****的“同时”存在问题。当然，它还没有达到完全解决的程度。
需要注意的地方：

[*]windows 的控制面板里是可以调鼠标的双击速度的（Linux 等系统下能不能调，俺就不清楚了），这点对于程序还是有一定影响，大家可以自己调节下试试看～[*]经过测试，延时 300ms 是一个比较理想的****，既考虑到对鼠标操作并不十分顺利的朋友，也兼顾 click ****的响应速度[*]以上代码，只在 IE6、FF3、Chrome 中测试过，并未出现问题

支持一下