总体思路：

1. 第一次点击时，不要调用相关的函数（比如 single_click_function()）。相反，设置一个计时器一段时间（比如 x）。如果在这段时间内我们没有再次点击，请使用 single_click_function()。如果我们得到一个，调用 double_click_function()

2. 一旦收到第二次点击，计时器将被清除。一旦 x 毫秒过去，它也会被清除。

顺便说一句，请查看 Paolo 的回复：需要在检测到双击事件时取消单击/鼠标点击事件 ，当然还有整个线程！:-)

更好的答案：https : //stackoverflow.com/a/7845282/260610

工作演示

$('#alreadyclicked').val('no click');
$('td.dblclickable').on('click',function(){
    var $button=$(this);
    if ($button.data('alreadyclicked')){
        $button.data('alreadyclicked', false); // reset
        $('#alreadyclicked').val('no click');

        if ($button.data('alreadyclickedTimeout')){
            clearTimeout($button.data('alreadyclickedTimeout')); // prevent this from happening
        }
        // do what needs to happen on double click. 
        $('#action').val('Was double clicked');
    }else{
        $button.data('alreadyclicked', true);
        $('#alreadyclicked').val('clicked');
        var alreadyclickedTimeout=setTimeout(function(){
            $button.data('alreadyclicked', false); // reset when it happens
            $('#alreadyclicked').val('no click');
            $('#action').val('Was single clicked');
            // do what needs to happen on single click. 
            // use $button instead of $(this) because $(this) is 
            // no longer the element
        },300); // <-- dblclick tolerance here
        $button.data('alreadyclickedTimeout', alreadyclickedTimeout); // store this id to clear if necessary
    }
    return false;
});

显然使用 <td class="dblclickable">

我编写了一个简单的 jQuery 插件，它允许您使用自定义的“singleclick”事件来区分单击和双击。这允许您构建一个界面，其中单击使输入可编辑，而双击将其展开。很像 Windows/OSX 文件系统重命名/打开 UI。

https://github.com/omriyariv/jquery-singleclick

$('#someInput').on('singleclick', function(e) {
    // The event will be fired with a small delay but will not fire upon a double-click.
    makeEditable(e.target);
}

$('#container').on('dblclick', function(e) {
    // Expand the row...
}

重写 user822711 的答案以供重用：

  $.singleDoubleClick = function(singleClk, doubleClk) {
    return (function() {
      var alreadyclicked = false;
      var alreadyclickedTimeout;

      return function(e) {
        if (alreadyclicked) {
          // double
          alreadyclicked = false;
          alreadyclickedTimeout && clearTimeout(alreadyclickedTimeout);
          doubleClk && doubleClk(e);
        } else {
          // single
          alreadyclicked = true;
          alreadyclickedTimeout = setTimeout(function() {
            alreadyclicked = false;
            singleClk && singleClk(e);
          }, 300);
        }
      }
    })();
  }

调用函数。

$('td.dblclickable').bind('click', $.singleDoubleClick(function(e){
  //single click.
}, function(e){
  //double click.
}));

该问题仅在单击可编辑字段时发生，因此将常规click处理程序附加到该元素，这将取消事件的传播（请参阅stopPropagation）并将超时（setTimeout(...)）设置为 600 毫秒（两次点击之间的默认时间被视为dbl-click 为 500 毫秒[src]）。如果到那个时候dblclick还没有发生（您可以在两个事件处理程序中都有一个可访问的变量作为检测这个的标志），那么您可以假设用户想要扩展该行并继续该操作......

海事组织，你应该重新考虑这个。唉，单击处理程序无法知道用户是否将要双击。

我建议单击这两个操作，并且在单击时不要从可编辑字段向上传播。