проверьте, сохранены ли изменения перед выгрузкой

У меня есть следующий javaScript

EDIT: included assignments for cahngesSaved

 var changesSaved = true;

    $(document).ready(function () {

        $(".applyChanges").click(function (e) {
            e.preventDefault();
            var id = (this).id;
            var dayofweek = document.getElementById("dayofweek" + id).value;
            var hour = document.getElementById("hour" + id).value;
            var duration = document.getElementById("duration" + id).value;
            $.ajax({
                url: '@Url.Action("ApplyChanges")',
                type: 'POST',
                data: {
                    id: id,
                    dayofweek: dayofweek,
                    hour: hour,
                    duration: duration
                },
                success: function (data) {
                    $('#Calendar').fullCalendar('refetchEvents')
                    $('#Calendar2').fullCalendar('refetchEvents')
                    changesSaved = false;
                }
            });
        });
    });

window.onbeforeunload = function () {
    if (changesSaved == true) {
        return true;
    } else {
        return ("You havent saved your changes. Are you sure you want to leave the page?")
    }
}

но сообщение запрашивается независимо от того, какие изменения установлены.

На самом деле я получаю следующее:

enter image description here

или если для changeSaved установлено значение false, вместо этого отображается false.

Могу ли я не сделать это?

 Hunter McMillen03 июн. 2012 г., 22:06
где ты сидишьchangesSaved?
 Felix Kling03 июн. 2012 г., 22:08
Добавитьconsole.log(changesSaved) и посмотрите, каково значение внутри функции.

Ответы на вопрос(2)

window.onbeforeunload = function () {
     var changesSaved = confirm("You havent saved your changes. Are you sure you want to leave the page?");
    if (changesSaved) {
        return true;
    } else {
        return false;
    }
 04 июн. 2012 г., 08:42
@Derek Проверьте это сейчас
 03 июн. 2012 г., 22:23
Когда вы нажимаетеcancel, страница все еще закрывается.
 06 июл. 2015 г., 11:56
и вы можете сделать простоreturn changesSaved; или дажеreturn confirm("...");
 05 июн. 2012 г., 03:18
Дело в том, что вы не нуждаетесьconfirm там.
Решение Вопроса
<body onbeforeunload="return bye()">

function bye(){
    if(changesSaved) {
        return "You havent saved your changes."
    }
}

или в чистом JavaScript:

window.onbeforeunload = function() {
    if (changesSaved) {
        return "You haven't saved your changes.";
    }
};
 03 июн. 2012 г., 22:25
@Esailija - После того, как вы упростили код, он стал менее изощренным. (просто шучу;))
 03 июн. 2012 г., 22:11
Интересно, я бы просто ожидал всплывающего диалога с"undefined" но похоже работает в хроме

Ваш ответ на вопрос