How to disable browser back button using JavaScript?

AK

akash

0 0
Asked
Updated
Viewed
43.4k times

On my website, I would like to disable the browser's back button and key so that a user cannot go back to the previous page.

I was taking an online exam in which a message box was displayed when the BACK button was clicked. I don't know if the coding is done in some other language but the message box popped up very quickly as soon I pressed the BACK button.

Additionally, I would like to disable the F5 key to prevent a user from refreshing their browser, perhaps they can be both done in a similar manner using JavaScript?

add a comment
0

2 Answers

  • Votes
  • Oldest
  • Latest
HR

himansh_raj

10 0
Answered
Updated

To disable the back button and another key such as F5 you can use the following code:

<script>
window.history.forward(1); // Disable Back Button
document.attachEvent("onkeydown", my_onkeydown_handler); // Disable F5 Key

function my_onkeydown_handler() {
    switch (event.keyCode) {
        case 116 : // 'F5'
        event.returnValue = false;
        event.keyCode = 0;
        window.status = "We have disabled F5";
        break;
    }
}
</script>
add a comment
1
CA

camperjohn

5 4
Answered
Updated

Disabling the back button is easy. You need your webpage A to go to a temporary page B that does a JavaScript forward to C. When the user is on page C and hits his back button, it goes back to B, which then goes forward again to C.

The second time through, you could always go to D instead of to C, your choice.

Make some experiments, but it is possible. Also, you might want to investigate using a form POST and JavaScript Submit to disable the back button.

add a comment
0

User

Community
Q/A Forum Wiki / Tutorials Code Snippets Discussion Forum Meta / Admin Search Tags Badges

Market

Themes / Templates Stock Photos Vector Graphics 3D Models Scripts & Plugins Become a Seller Become an Affiliate

Help Center

Community Guide Reputation Privileges Attribution License Overview Copyright & Trademarks Market Support

Legal
Terms of Use Acceptable Use Policy Privacy Policy Refund Policy Cookie Policy Seller Terms Affiliate Terms

Company

About Us Contact Us Unmelted Press

Social Media

Facebook Twitter Pinterest Telegram
\n```","upvoteCount":1}],[{"@type":"Answer","url":"https://www.ozzu.com/questions/225211/how-to-disable-browser-back-button-using-javascript#post-431255","datePublished":"2007-07-26T17:22:11+00:00","dateModified":"2025-06-22T22:43:15+00:00","author":{"@type":"Person","name":"camperjohn"},"text":"Disabling the back button is easy. You need your webpage `A` to go to a temporary page `B` that does a JavaScript forward to `C`. When the user is on page `C` and hits his back button, it goes back to `B`, which then goes forward again to `C`.\n\nThe second time through, you could always go to `D` instead of to `C`, your choice.\n\nMake some experiments, but it is possible. Also, you might want to investigate using a form **POST** and JavaScript Submit to disable the back button.","upvoteCount":0}]]}}