Disabling back button in browser

Question

I have a requirment to disable the back button while login page come.

Noted below code is not working.

function DisableBackButton() {
    window.history.go();
}

window.onbeforeunload = DisableBackButton;

For serverside also i have added some serverside code as below.

response.setHeader("Cache-Control", "no-cache");
response.setHeader("Cache-Control", "no-store");
response.setHeader("Pragma", "no-cache");
response.setDateHeader("Expires", 0);%>

a number of workarounds for this in a blog..: http://viralpatel.net/blogs/disable-back-button-browser-javascript/ not very nice though. — JF it, Mar 06 '14 at 14:23

score 0 · Answer 1 · answered Mar 06 '14 at 14:49

This is a possible solution for HTML5:

<script type="text/javascript">
    location.hash='#no-';
    if(location.hash == '#no-') {
        location.hash='#_';
        window.onhashchange=function() {
            if(location.hash == '#no-')
                location.hash='#_';
        }
    }
</script>

score 0 · Answer 2 · answered Mar 07 '14 at 05:28

There are numerous reasons why disabling the back button will not really work. Your best bet is to warn the user:

window.onbeforeunload = function() { return "You work will be lost."; };

This page does list a number of ways you could try to disable the back button, but none are guaranteed

click this link

score 0 · Accepted Answer · answered Mar 07 '14 at 06:43

0

try this:

window.onload = function () { history.forward(); }; //force user to redirect
window.onunload = function() {}; // trick for some browsers like IE

answered Mar 07 '14 at 06:43

Disabling back button in browser

3 Answers3