javascript - jQuery警报卸载，但单击“保存”按钮时除外

我有一个文本框，我希望它在未保存更改的页面离开时显示警报，除非您单击“提交”按钮。
这很好用，但是如果仍然按下提交按钮时它仍然会提醒您，而且我真的不知道如何解决它。

我有2个文件，我的Set.js用于执行BBcode，我的script.js

script.js

$(document).ready(function() {
    var saveClicked = false;

    $(window).bind('beforeunload', function() {
        if(y != $("#markItUp").val()) {
            if(!saveClicked) {
                return 'You have unsaved changes!';
            }
        }
    });
});

Set.js

{
    name: 'Save',
    className:"miu-save",
    call: function() {
        $('form#edit').submit();
        saveClicked = true;
    }
},

最佳答案

改变这个

{
    name: 'Save',
    className:"miu-save",
    call: function() {
        $('form#edit').submit();
        saveClicked = true;
    }
},

至

{
    name: 'Save',
    className:"miu-save",
    call: function() {
        saveClicked = true; // true is called first here if you notice and then submit
        $('form#edit').submit();
    }
},

这也是必要的

var saveClicked = false;
$(document).ready(function(){

在document.ready函数外部声明您的saveClicked var