Is there a way to catch the back button event in javascript

Question

Is there a way to respond to the back button being hit  or backspace being pressed  in javascript when only the location hash changes   That is to say when the browser is not communicating with the server or reloading the page

User · Answer

Check out history js  There is a html 5 statechange event and you can listen to it

User · Answer

I have created a solution which may be of use to some people  Simply include the code on your page  and you can write your own function that will be called when the back button is clicked   I have tested in IE  FF  Chrome  and Safari  and are all working  The solution I have works based on iframes without the need for constant polling  in IE and FF  however  due to limitations in other browsers  the location hash is used in Safari

User · Answer

Did you took a look at this  http   developer yahoo com yui history

User · Answer

onLocationChange may also be useful   Not sure if this is a Mozilla-only thing though  appears that it might be

User · Answer

Use the hashchange event   window addEventListener  hashchange   function e                  If you need to support older browsers  check out the hashChange Event section in Modernizr s HTML5 Cross Browser Polyfills wiki page

User · Answer

I did a fun hack to solve this issue to my satisfaction  I ve got an AJAX site that loads content dynamically  then modifies the window location hash  and I had code to run upon   document  ready   to parse the hash and load the appropriate section  The thing is that I was perfectly happy with my section loading code for navigation  but wanted to add a way to intercept the browser back and forward buttons  which change the window location  but not interfere with my current page loading routines where I manipulate the window location  and polling the window location at constant intervals was out of the question    What I ended up doing was creating an object as such    var pageload         ignorehashchange  false      loadUrl  function            if  pageload ignorehashchange    false                 code to parse window location hash and load content                       Then  I added a line to my site script to run the pageload loadUrl function upon the hashchange event  as such   window addEventListener  hashchange   pageload loadUrl  false     Then  any time I want to modify the window location hash without triggering this page loading routine  I simply add the following line before each window location hash   line   pageload ignorehashchange   true    and then the following line after each hash modification line   setTimeout function   pageload ignorehashchange   false    100     So now my section loading routines are usually running  but if the user hits the  back  or  forward  buttons  the new location is parsed and the appropriate section loaded

[javascript] Is there a way to catch the back button event in javascript?

Examples related to javascript