Disable browser s back button

Question

How to disable browser s BACK Button  across browsers

User · Answer

Try this code  Worked for me  It basically changes the hash as soon as the page loads which changes recent history page by adding  1  on URL  So when you hit back button  it redirects to same page everytime     lt script type  text javascript  gt      var storedHash   window location hash      function changeHashOnLoad     window location hash    1        window onhashchange   function              window location hash   storedHash         lt  script gt    lt body onload  changeHashOnLoad      gt    lt  bod gt

User · Answer

I came up with a little hack that disables the back button using JavaScript  I checked it on chrome 10  firefox 3 6 and IE9    lt  DOCTYPE html PUBLIC  -  W3C  DTD XHTML 1 0 Transitional  EN   http   www w3 org TR xhtml1 DTD xhtml1-transitional dtd  gt   lt html xmlns  http   www w3 org 1999 xhtml   gt   lt title gt Untitled Page lt  title gt   lt script type    text javascript   gt  function changeHashOnLoad          window location href              setTimeout  changeHashAgain      50        function changeHashAgain       window location href     1      var storedHash   window location hash  window setInterval function          if  window location hash    storedHash             window location hash   storedHash           50      lt  script gt   lt  head gt   lt body onload  changeHashOnLoad      gt  Try to hit the back button   lt  body gt   lt  html gt    What is it doing   From Comments   This script leverages the fact that browsers consider whatever comes after the     sign in the URL as part of the browsing history  What it does is this  When the page loads    1  is added to the URL  After 50ms the  1  is removed  When the user clicks  back   the browser changes the URL back to what it was before the  1  was removed  BUT - it s the same web page  so the browser doesn t need to reload the page       Yossi Shasho

User · Answer

Globally  disabling the back button is indeed bad practice   But  in certain situations  the back button functionality doesn t make sense     Here s one way to prevent unwanted navigation between pages   Top page  file top php     lt  php     session start          SESSION pid         echo  top page   SESSION pid        echo   lt BR gt  lt a href  secondary php pid   SESSION pid   gt secondary page lt  a gt      gt    Secondary page  file secondary php     lt  php     session start        if    SESSION pid       GET pid            header  location  top php        else           echo  secondary page   SESSION pid            echo   lt BR gt  lt a href  top php  gt top lt  a gt            gt    The effect is to allow navigating from the top page forward to the secondary page and back  e g  Cancel  using your own links   But  after returning to the top page the browser back button is prevented from navigating to the secondary page

User · Answer

This question is very similar to this one     You need to force the cache to expire for this to work   Place the following code on your page code behind   Page Response Cache SetCacheability HttpCacheability NoCache

User · Answer

Instead of trying to disable the browser back button it s better to support it   NET 3 5 can very well handle the browser back  and forward  buttons  Search with Google   Scriptmanager EnableHistory    You can control which user actions will add an entry to the browser s history  ScriptManager -  AddHistoryPoint  and your ASP NET application receives an event whenever the user clicks the browser Back Forward buttons   This will work for all known browsers

User · Answer

If you rely on client-side technology  it can be circumvented  Javascript may be disabled  for example  Or user might execute a JS script to work around your restrictions   My guess is you can only do this by server-side tracking of the user session  and redirecting  as in Server Transfer  not Response Redirect  the user browser to the required page

User · Answer

While i m looking for the answer myself   Best Practice  is     outdated    Just like browsers are  Really browsers are ugly fossils   The best safest solution would be for browsers to implement a method request where the user can grant the page the ability to control the interface   Why  Because for my current project i m building a 100  JavaScript built and controlled interface   And back button s have no place in my project since there is no page change   Ie bloody fast and no page-flashes because of a refresh   Just like a real application    I know why the ability to  highjack  the interface isn t there  and i understand it  But atleast we should have the ability to request it from the browser  Now that would truly be  best practice  without the highjack dangers   But browsers being browsers   I don t expect anything exiting to happen in this regard

User · Answer

I also had the same problem  use this Java script function on head tag or in   its 100  working fine  would not let you go back     lt script type    text javascript   gt        function preventBack   window history forward             setTimeout  preventBack     0           window onunload function   null        lt  script gt

User · Answer

Even I faced the same situation before   and didn t have any help  try these things maybe these will work for you  in login page  lt head gt  tag    lt script type  text javascript  gt      window history forward     lt  script gt    in Logout Button I did this   protected void Btn Logout Click object sender  EventArgs e              connObj Close        Session Abandon        Session RemoveAll        Session Clear        HttpContext Current Session Abandon        and on login page I have put the focus on Username textbox like this   protected void Page Load object sender  EventArgs e         txtUsername Focus        hope this helps       someone plz teach me how to edit this page

User · Answer

There have been a few different implementations  There is a flash solution and some iframe frame solutions for IE   Check out this    http   www contentwithstyle co uk content fixing-the-back-button-and-enabling-bookmarking-for-ajax-apps  BTW  There are plenty of valid reasons to disable  or at least prevent 1 step  a back button -- look at gmail as an example which implements the hash solution discussed in the above article   Google  how ajax broke the back button  and you ll find plenty of articles on user testing and the validity of disabling the back button

User · Answer

lt body onLoad  if history length gt 0 history go  1   gt

User · Answer

This seems to have worked for us   history pushState null  null    location  attr  href     window addEventListener  popstate   function          history pushState null  null    location  attr  href

User · Answer

You should be using posts with proper expires and caching headers

User · Answer

lt script gt        document  ready function             function disableBack     window history forward              window onload   disableBack            window onpageshow   function evt    if  evt persisted  disableBack              lt  script gt

User · Answer

The problem with Yossi Shasho s Code is that the page is scrolling to the top every 50 ms  So I have modified that code  Now its working fine on all modern browsers  IE8 and above  var storedHash   window location hash  function changeHashOnLoad         window location href             setTimeout  changeHashAgain      50       function changeHashAgain         window location href     1      function restoreHash         if  window location hash    storedHash            window location hash   storedHash           if  window addEventListener        window addEventListener  hashchange   function              restoreHash           false     else if  window attachEvent        window attachEvent  onhashchange   function              restoreHash                window  load function      changeHashOnLoad

User · Answer

IF you need to softly suppress the delete and backspace keys in your Web app  so that when they are editing   deleting items the page does not get redirected unexpectedly  you can use this code   window addEventListener  keydown   function e      var key   e keyCode    e which    if  key    8   BACKSPACE      key    46  DELETE          var len window location href length      if window location href len-1        window location href               false

User · Answer

Try this code  You just need to implement this code in master page and it will work for you on all the pages   lt script type  text javascript  gt      window onload   function              noBack              function noBack             window history forward           lt  script gt   lt body  onpageshow  if  event persisted  noBack     gt   lt  body gt

User · Answer

Others have taken the approach to say  don t do this  but that doesn t really answer the poster s question   Let s just assume that everyone knows this is a bad idea  but we are curious about how it s done anyway     You cannot disable the back button on a user s browser  but you can make it so that your application breaks  displays an error message  requiring the user to start over  if the user goes back   One approach I have seen for doing this is to pass a token on every URL within the application  and within every form   The token is regenerated on every page  and once the user loads a new page any tokens from previous pages are invalidated   When the user loads a page  the page will only show if the correct token  which was given to all links forms on the previous page  was passed to it   The online banking application my bank provides is like this   If you use the back button at all  no more links will work and no more page reloads can be made - instead you see a notice telling you that you cannot go back  and you have to start over

User · Answer

Do not disable expected browser behaviour    Make your pages handle the possibility of users going back a page or two  don t try to cripple their software

User · Answer

I was searching for the same question and I found following code on a site  Thought to share it here   function noBack        window history forward     noBack    window onload   noBack  window onpageshow   function evt   if evt persisted  noBack      window onunload   function    void 0       However as noted by above users  this is never a good practice and should be avoided for all reasons

[asp.net] Disable browser's back button

Examples related to asp.net

Examples related to javascript