javascript - 如何处理/防止浏览器导航或在 angularjs 中重新加载？

Question

当用户导航离开或重新加载页面时，我想在我的 Angular 应用程序中进行检测。

然后应用程序(使用一些登录过程)应该区分它是重新加载的，因此用户不会丢失他的身份验证数据，并且应用程序应该能够从 localStorage 恢复必要的信息。

请建议一些“处理”浏览器重新加载/导航的最佳技术。

Answer 1

您的所有 javascript 和内存变量在重新加载时都会消失。在 js 中，当代码第一次再次运行时，您知道页面已重新加载。

要处理重新加载本身(包括按 F5)并在重新加载甚至取消之前采取措施，请使用 'beforeunload' 事件。

var windowElement = angular.element($window);
windowElement.on('beforeunload', function (event) {
    // do whatever you want in here before the page unloads.        

    // the following line of code will prevent reload or navigating away.
    event.preventDefault();
});