javascript - 如何在使用 JavaScript 单击和双击时运行不同的功能？

Question

简单地说:

1. 我想要的:你点击调用函数 xxx()，而你双击调用另一个 function yyy()

2. 当我把onclick和ondblclick放在一起时，只执行了xxx()，那么如何实现类似的效果呢？

   谢谢!!

Answer 1

问题是，在某些浏览器中，您的 onclick 处理程序会获取该对中的第一个点击，而 ondblclick 处理程序永远不会看到该操作。在其他浏览器中，单击会出现两次，双击也会出现。双击的潜在时间因操作系统、浏览器和用户配置而异。

至少可以说，以可移植的方式处理它是困难的。

我建议只使用点击处理程序。但是让点击处理程序设置一个变量和超时。如果在没有第二次点击的情况下超时，则执行 onclick 操作。如果此时发生第二次点击，请确保超时不执行任何操作并执行 ondblclick 操作。缺点是这意味着您的双击将不遵守本地操作系统、浏览器和用户配置的规则。