Question

我知道这已经被问到了，但是我不明白为什么这对我不起作用。

尝试检测表单更改，如果用户试图离开，我希望他们确认他们将丢失更改...

var dirty = false;
$("form#add_item :input").change(function() {
    dirty = true;
});

$("window").on('beforeunload', function() {
    if (dirty) {
        return 'You have unsaved changes! If you leave this page, your changes will be lost.';
    }

}）;

Answer 1

您需要直接在onbeforeunload对象上设置window的事件处理程序：

var dirty = false;
$("form#add_item :input").change(function() {
    //alert("form changed!")
    dirty = true;
});

window.onbeforeunload = function() {
    if (dirty) {
        return 'You have unsaved changes! If you leave this page, your changes will be lost.';
    }
};

工作示例：http://jsfiddle.net/M9tnP/20/

Answer 2

你需要：

$(window).on('beforeunload', function() {...})

，而不是：

$("window").on('beforeunload', function() {...})

（window周围没有引号）。 $(window)将window javascript变量包装在jQuery对象中，其中$("window")选择页面上的所有<window>标记，其中正好为0。

（大部分时间。事实上你可以$('body').append('<window></window>')，然后$("window")匹配新标签 - 但不要这样做。）

在beforeunload之前检测表单更改？

2 个答案: