How to disable the back button in the browser using JavaScript

Question

I want to disable the back button for a website  Whenever the person clicks on the browser back button it should not be able to go on the page the user visited before

User · Accepted Answer

You can t  and you shouldn t  Every other approach   alternative will only cause really bad user engagement  That s my opinion

User · Answer

Our approach is simple  but it works     When a user clicks our LogOut button  we simply open the login page  or any page  and close the page we are on   simulating opening in new browser window without any history to go back to   lt input id  quot btnLogout quot  onclick  quot logOut   quot  class  quot btn btn-sm btn-warning quot  value  quot Logout quot  type  quot button quot   gt   lt script gt      function logOut             window close   function                   window open  Default aspx     blank                       lt  script gt

User · Answer

history pushState null  null  document title   window addEventListener  popstate   function          history pushState null  null  document title         This script will overwrite attempts to navigate back and forth with the state of the current page     Update   Some users have reported better success with using document URL instead of document title   history pushState null  null  document URL   window addEventListener  popstate   function          history pushState null  null  document URL

User · Answer

One cannot disable the browser back button functionality  The only thing that can be done is prevent them  The below JavaScript code needs to be placed in the head section of the page where you don   t want the user to revisit using the back button   lt script gt      function preventBack             window history forward               setTimeout  quot preventBack   quot   0       window onunload   function             null         lt  script gt   Suppose there are two pages Page1 php and Page2 php and Page1 php redirects to Page2 php  Hence to prevent user from visiting Page1 php using the back button you will need to place the above script in the head section of Page1 php  For more information  Reference

[javascript] How to disable the back button in the browser using JavaScript

Examples related to javascript