How to Disable browser back button?

You can disable the browser back button and redirect the user to another page if they click the refresh button by using the following code:

This code will disable the browser back button by pushing the current page to the browser's history stack. When the user clicks the back button, the page will be restored from the history stack instead of going back to the previous page. The code will also redirect the user to a new page if they click the refresh button. This is done by listening for the beforeunload event and returning a string that tells the browser to redirect the user to the new page. You can modify this code to fit your specific needs. For example, you could add a message to the beforeunload event to warn the user that they are about to be redirected.

// Listen for the refresh button click event
window.onbeforeunload = function() {
  // Redirect the page to another URL
  window.location.href = 'https://example.com/redirect';
  // Return a message to display to the user (optional)
  return 'Are you sure you want to refresh?';
};

Try this,

$(document).ready(function() {
      window.history.pushState(null, "", window.location.href);
      window.onpopstate = function() {
          window.history.pushState(null, "", window.location.href);
      };
  });

Hello Gopi

There are different ways to achieve the requirement. 

• You can write code that will get back to the current page when clicking on the browser back button.
  Sample code to disable back button programmatically 

  $(document).ready(function() {
   function disableBack() {
     window.history.forward()
   }
   window.onload = disableBack();
   window.onpageshow = function(e) {
     if (e.persisted)
       disableBack();
   }
  });

   

• You can open a page in a browser popup window which will not have any back button to click.

Thanks

You can try below code:

    
    



    Next page