Join the social network of Tech Nerds, increase skill rank, get work, manage projects...
 

  • Disable browser back button using JavaScript

    @Mohini
    Recommendations Offline Message

    • 0
    • 0
    • 0
    • 0
    • 0
    • 0
    • 0
    • 0
    • 3.75k
    Comment on it

    Hello Readers! Here is a small blog on how to disable the browser back button. Although it is not advisable to use such tricks in websites as restricting or disabling the browser back button can be annoying for users who might wish to go back to the previous page from the existing page. Though it is very useful in terms of security and integrity of online data.

     

    Here we will create two HTML pages from where one page will call another page with the help of link and we will restrict the user from going back to previous page using the browser back button.

     

    Step 1: HTML Page 1 code:

    1. <!DOCTYPE html>
    2. <html>
    3. <head>
    4.     <title>Disable Browser Back Button Using JavaScript</title>
    5.  
    6.     <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
    7.     <script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.10.2/jquery-ui.min.js">
    8.     </script>
    9. </head>
    10. <body>
    11.     <a href="Page2.html">Click Here!</a>
    12. </body>
    13. <script>
    14.     $(document).ready(function() {
    15.         function disableBack() { 
    16.         window.history.forward() 
    17.       }
    18.  
    19.         window.onload = disableBack();
    20.         window.onpageshow = function(evt) { 
    21.         if (evt.persisted) disableBack() 
    22.       }
    23.     });
    24. </script>
    25. </html>

     

    Step 2: HTML Page 2 code:

    1. <html>
    2. <body style="font-family:Arial;font-size:15px;">
    3.     
    4.    Click the browser back button or hit the Backspace key.
    5.  
    6. </body>
    7. </html>

     

    The Javascript function "window.history.forward()" is used to achieve the target. This function uses the history of the browser and forces it to navigate forward instead of going back to the previous page.

    Javascript back button javascript
    Comment on it

 0 Comment(s)

Sign In
Forgot Password?
                           OR                           
Create an account !!
                           OR                           
Register

Sign up using

                           OR                           
Forgot Password
Reset Password
Fill out the form below and reset your password: