警告用户将丢失数据的最佳实践

我有一个 onchange 我输入的事件并设置 isDirty 变化时变为真。

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

var isDirty = false;

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

你在找 onbeforeunload 事件。

喜欢

$(window).bind('beforeunload', function(){
    return "Are you really sure?";
});

本地人:

window.onbeforeunload = function(){
   return "Are you really sure?";
});

当然,这只是“预防方法”。您仍然需要一些逻辑来知道您的站点上是否有更改。这很容易通过使用 boolean 例如。此外,你应该像

 if('onbeforeunload' in window){}

我认为现在所有的主要浏览器都支持这个事件,但是仍然有一些浏览器不知道这个事件。因此,如果上述条件失败,您仍然可以优雅地后退到另一种方式。

使用在 on unload 当页面要更改时要捕获的窗口事件。然后提示lightbox警报,警告用户如果离开任何未保存的数据都将丢失。