双击有多快？

Question

我有以下 JS 代码

$('#dialog').dialog({
  ...
  buttons: {
    OK: function() {
      callAjax({"some":"param"});
      $('#dialog').dialog('close');
    }
  }
});

var ajaxBatch = [];

function callAjax(cmd) {
  ajaxBatch.push(cmd);
  if (ajaxBatch.length == 1)
    setTimeout(ajaxItself, 1);
}

function ajaxItself() {
  ajaxBatch.push({"minor":"data"});
  $.post('url', { msg: JSON.stringify(ajaxBatch) });
  ajaxBatch = [];
}

理论上我应该总是得到 [{"some":"param"},{"minor":"data"}]。

但我经常收到关于 [{"some":"param"},{"some":"param"},{"minor":"data"}] 错误请求的错误日志条目。

怎么会发生这样的事情呢？带 2x 按钮的 A4 鼠标在这里有意义吗？

顺便说一句，我无法重现这种情况，我只是在日志中看到它。用户代理也不限于特定的浏览器。

Answer 1

浏览器可能已将超过 1 个单击事件排队，因此无论按钮是否可见以供他们继续单击，事件都已启动。

也许在您的 OK: 函数中设置一个标志

if (!dialogIsClosed) {
      callAjax({"some":"param"});
      $('#dialog').dialog('close');
      dialogIsClosed = true;
}

我想浏览器会选择处理事件队列中的项目而不是处理 setTimeout 队列中的项目。