双击即可触发单击

Question

  

可能重复：
  Need to cancel click/mouseup events when double-click event detected

我正在尝试让HTML对象在发生single或double点击事件时表现不同。

目前使用我的工作示例http://jsfiddle.net/9vvEG/，双击即可触发单击，我希望我的代码专门监听预先配置的事件。的 即。如果双击忽略单击，反之亦然。

尚未成功，但如果您点击上面的示例链接，则可以看到正在进行的错误。

Answer 1

来自dblclick上的jQuery文档：

  

不建议将处理程序绑定到click和dblclick   同一元素的事件。触发的事件顺序各不相同   从浏览器到浏览器，有些人之前接收过两次点击事件   dblclick和其他人只有一个。双击灵敏度（最大值   检测为双击的点击之间的时间可能会有所不同   操作系统和浏览器，通常是用户可配置的。

似乎没有可靠的方法来确定用户是打算双击还是两次单击，但如果您想尝试，可以在{{1}中使用setTimeout } event handler查看是否在一段时间内发生了另一次点击。

Answer 2

我认为你必须注意使用setTimeout两次点击之间的时间。在这里找一个解决方案：

• Need to cancel click/mouseup events when double-click event detected

这也可能对您有所帮助：

• Javascript with jQuery: Click and double click on same element, different effect, one disables the other