javascript - 如何使用 jQuery 检索 onSubmit 事件？

Question

问题出在我使用 window.onbeforeunload 时。当我单击 o 提交按钮时，会显示弹出窗口。但我只需要在完成后退按钮或刷新时才需要。为此，我认为我们的事件是正确的。因此，每当调用卸载时，我只想测试该事件是否来自 onsubmit。如果是，我们不会弹出。所以为此我需要知道如何检测提交事件。

window.onbeforeunload = function(e) {
    if ($('.formFields').find('tr.item').length || $('.formFields').find('tr.section').length) {
        var dis = discardWarning();
        return dis;
    } else {
        return;
    }

};

var discardWarning = function() {
    return "Your current work will be discarded.";
}

Answer 1

您可以在提交表单并捕获响应时设置标志变量。

/* default */
window.leavingAfterSubmission = false;

$('#your-form').on('submit', function(e) {
  window.leavingAfterSubmission = true;
});

然后您可以在您的 onbeforeunload 事件处理程序上检查此标志。

window.onbeforeunload = function() {
  if ( !window.leavingAfterSubmission ) {
    // flag is false, meaning the user is leaving by refresh or back button
    return discardWarning();
  }

  // flag is true, meaning the user is leaving by form submission
  // empty return to prevent the dialog
  return;
};