How to Intercept call to the back button in my AJAX application

Question

I have an AJAX app and when a user clicks a button,the page's display changes. They click the back button, expecting to go to the original state, but instead, they go to the previous page in their browser.

How can I intercept and re-assign the back button event?

Answer 1

Hello @kartik,

It is very easy toi disable the browser BACK button, like the JQuery code below:

// History API 
if( window.history && window.history.pushState ){

  history.pushState( "nohb", null, "" );
  $(window).on( "popstate", function(event){
    if( !event.originalEvent.state ){
      history.pushState( "nohb", null, "" );
      return;
    }
  });
}

Hope this is helpful!!
Thank You!!

Comments

Thanks.

It was good for me.

---

Hey @There,

If the above-given answer has helped you to overcome your query then do UPVOTE the answer and post any of your tech queries with us in the Edureka community!!!

Happy Learning!!!