javascript - 警告用户他们将丢失数据的最佳实践

Question

我有一个使用大量 JavaScript(主要是 jQuery)的网站，我需要一种很好的全局方式让用户知道他们在离开特定页面时将丢失未保存的更改。

目前，我在输入上放置了一个 onchange 事件，并将我的主导航包装在一个函数中，该函数将在单击时显示警告。

这感觉真的很笨重并且不能很好地扩展(不属于主导航的导航需要手动包装，这远非理想)

Answer 1

我的输入有一个 onchange 事件，并在它们改变时将一个 isDirty 变量设置为 true。

然后我使用 onbeforeunload 事件来警告用户未保存的更改:

var isDirty = false;

window.onbeforeunload = function (evt) {
    if (isDirty) {
        return 'If you continue your changes will not be saved.';
    }
}