Disable browser back Button after Logout using JavaScript in AngularJS

Hi skp,

The following JavaScript code snippet must be placed in the HEAD section of the Page where the User must be prevented from going back.

<script>
    function preventBack() { window.history.forward(); }
    setTimeout("preventBack()", 0);
    window.onunload = function () { null };
</script>

So you need to place the code in all 4 pages having logout button.

dharmendr says:

Hi skp,

The following JavaScript code snippet must be placed in the HEAD section of the Page where the User must be prevented from going back.

1 2 3 4 5

<script>     function preventBack() { window.history.forward(); }     setTimeout("preventBack()", 0);     window.onunload = function () { null }; </script>

So you need to place the code in all 4 pages having logout button.

 When I do like this, I couldn't navigate between pages using browser back button.

Hi skp,

What you want to achieve is not possible.

You need to rethink your application logic so that it doesn't matter if the user presses the back button.

You have to handle this thing into your code.

Instead of disabling back functionality you should check user's authentication on your pages. Check whether the user has logged in.

If he doesn't that he should be redirected to the login page.