javascript - window.onbeforeunload 不正确地允许导航

Question

下面代码的目的是，一旦满足 if 语句中的 2 个条件，就会出现 promptForSavingFormData。幸运的是，这种情况正在发生并且导航窗口出现在正确的时间。导航窗口正在打开，告诉用户他们可以使用 2 个按钮选项继续保存或不保存。然而，问题在于，在用户甚至有机会单击导航窗口中的这些按钮之一之前，该页面就会错误地导航到用户尝试访问的页面。然而，这不应该发生，直到用户在对话框窗口中单击继续而不保存或继续并保存。为什么 window.onbeforeunload 在用户与导航窗口交互之前仍然允许此导航？任何帮助，将不胜感激。谢谢!

window.onload = function () {
   // initialize
   Sys.WebForms.PageRequestManager.getInstance().add_pageLoaded(pageLoadedTwo);

   // Notify Microsoft Ajax
   if (typeof (Sys) !== "undefined") Sys.Application.notifyScriptLoaded();
};

function pageLoadedTwo() {
   window.onbeforeunload = checkIfFormInStudentWindow;
}

function checkIfFormInWindow(e) {
   if (($("#searchWindow").is(':visible')) && (document.URL.indexOf('/NewForms/') > -1)) {
       return promptForSavingFormData();
   }
}

function promptForSavingFormData() {
   navigationWindow.center();
   navigationWindow.open();
}

Answer 1

我认为这post会给你想要的答案。

TLDR

// Enable navigation prompt
window.onbeforeunload = function() {
    return true;
};
// Remove navigation prompt
window.onbeforeunload = null;