javascript - 离开页面时显示带有 'onbeforeunload' 的警告，除非单击 'Submit'

Question

如果用户试图离开包含未保存设置的页面，我希望显示警告，但如果他们试图保存这些设置，显然不会显示警告。

我想我的理解是错误的，因为我认为下面应该有效，但它没有。有人可以告诉我我做错了什么吗？谢谢。

$('input[name="Submit"]').off('onbeforeunload');

window.onbeforeunload = function closeEditorWarning(){

    /** Check to see if the settings warning is displayed */
    if($('#unsaved-settings').css('display') !== 'none'){
        bol_option_changed = true;
    }

    /** Display a warning if the user is trying to leave the page with unsaved settings */
    if(bol_option_changed === true){
        return '';
    }


};

Answer 1

您可以使用 jquery .on() 设置 onbeforeunload 然后在表单提交中使用 .off()

// Warning
$(window).on('beforeunload', function(){
    return "Any changes will be lost";
});

// Form Submit
$(document).on("submit", "form", function(event){
    // disable unload warning
    $(window).off('beforeunload');
});