javascript - 如果尝试退出，通知用户页面被修改，有什么技巧？

Question

如果用户在带有表单的页面上，并且他们编辑了一些内容，然后尝试导航到另一个页面，我该如何通知他们？

人们如何做到这一点？

是否需要计算所有输入字段的哈希值并比较它们是否退出页面？

是否有页面卸载事件？

Answer 1

我喜欢只在用户实际更改某些内容时提示用户。像这样:

var changesMade = false;

function onDataChanged() {
    changesMade = true;
}

$('input:text, textarea, select').change(onDataChanged);
$('input:checkbox, input:radio').click(onDataChanged);

$(window).bind('beforeunload', function() {
    if (changesMade) {
        return 'Changes have been made. Are you sure you want to leave the page?';
    } else {
        return null;
    }
});