javascript - 添加事件监听器+不允许表单提交

Question

我有一个带有提交按钮的简单注册表格:

<input type="submit" value="" class="loginInput" id="submitReg" />

和 javascript 函数来测量页面加载和表单提交之间的时间(以毫秒为单位):

(function () {
  var element = document.getElementById('submitReg'),
      start, end;

  window.onload = function (event) {
    start = +event.timeStamp; 
  };

  element.onclick = function (event) {
    end = +event.timeStamp;

    var diff = end - start; // time difference in milliseconds
    //alert(diff);
  };
})();

如何实现，只有在diff>3000 时才允许提交表单？我想我应该添加类似 return true/return false 的内容，但我不知道如何添加。谢谢解答!!!

Answer 1

在您的情况下，要按条件提交表单 - 调整您的 element.onclick 事件，如下所示:

...
element.onclick = function (event) {
    end = +event.timeStamp;
    var diff = end - start; // time difference in milliseconds
    return (diff > 3000)? true : false;
};
...