Angularjs：在浏览器中捕获刷新事件

Question

In angularjs is possible handle the user clicking the Refresh button on the browser? There is any method that the framework expose to the developer?

Thanks

Answer 1

To handle the reload itself (which includes hitting F5) and to take action before it reloads or even cancel, use 'beforeunload' event.

var windowElement = angular.element($window);
windowElement.on('beforeunload', function (event) {
   //Do Something

   //After this will prevent reload or navigating away.
   event.preventDefault();
});

Answer 2

You can use $routeChageStart :

 $rootScope.$on('$routeChangeStart', function () {
            alert('refresh');
        });