URL更改时，骨干单页应用程序警报用户

Question

我目前正在处理单页应用程序，我想要显示一些UI是用户，刷新页面，关闭选项卡或导航，这样做的原因是任何这些将取消任何主动上传，我希望用户知道这一点。

到目前为止，我有，

$(window).on('beforeunload', function() {
   alert("!!!");
   return null;
});

但是，当我刷新页面时，这似乎只会触发。有没有把它连接到我的路由器？我有一个名为App.Uploading的全局变量，如果这是真的，我想在每次访问路由时触发一个方法吗？

Answer 1

您可以使用JQuery卸载功能：

$( window ).unload(function() {
    console.log('preventing unload!');
    return false;
});

document.location = 'http://www.google.com';