如何禁用AngularJS中的浏览器后退按钮？

Question

i want disable browser back button and refresh button. in angular

example my source

page source :

"use strict";

.controller("wizardSecondController", function($scope, $state, $stateParams, wizardManager) {

$scope.$on("$viewContentLoaded", function(event, data) {
});

i want prevent browser back and refresh . please answer .

Answer 1

If you want to disable browser back button in angular, please try out the following code. It may help.

$scope.$on('$locationChangeStart', function(event, next, current){
    event.preventDefault();            
});

Answer 2

It's not a very straight forward thing in Angular.js but you can use JavaScript function - window.onhashchange to disable to back button.

Take a look at this link , you might get better ideas.

Answer 3

Use javascript event

window.onbeforeunload = function(e) {
      var dialogText = 'Dialog text here';
      e.returnValue = dialogText;
      return dialogText;
    };

refer

Answer 4

I shall give you advice as to disabling the back button:

Strictly speaking it isn't "possible" if using standards, but there are workarounds.

There is the window.history object which includes a small API .

But it doesn't allow you to double check for states/pages before the user surfed to your site. Obviously for security reasons and not by accident or missing implementation.

There's various checks for the usage of navigating back in the history and several posts about that topic, but none is helpful as to when it comes to the point the user leaves your page and goes beyond your accessible history.

As to that, check on the events

• onhashchange
• onpopstate (be aware IEs implementation thereof is half-baked, even in IE11 --> in my case it didn't respond to mouse interaction, only to js history.*()

If you want to catch the user on your site for some hopefully incredibly good purpose:

• Create a duplicate entry of your home page on the first homepage-hit via window.history.pushState and instantly window.history.forward() --- (this works especially well and unnoticable on SPAs)
• Reiterate that procedure every time the user navigates to your homepage/lowest_level_parent_state ...

Et voila ... In my case I can't even escape our page if I hold down the backspace button ...

Another convenient option would be to put the page into fullscreen mode if feasible :)

Cheers, J