JqueryMobile (SPA) Disable Browser backbutton and Refresh?

Question

hi i am using jqueryMobile SPA template for my phone-gap app.

For web version my requirement is to disable or show warning message to user on click of browser back button. I googled my requirement but didn't find any desired solution.Please guide me . Thanks.

maybe this post has info you can use http://stackoverflow.com/questions/1119289/how-to-show-the-are-you-sure-you-want-to-navigate-away-from-this-page-when-ch — Marvin Smit, Oct 28 '14 at 07:38

Suhas Gosavi · Answer 1 · 2014-10-28T13:45:13.930

1

Try this- FIDDLE

$(window).on("navigate", function (event, data) {
    var direction = data.state.direction;
    if ( !! direction) {
        alert(direction);
    }
});

Please refer following link.

Refer This

Or you can use

window.history.forward(1);

when back button get pressed. But it loads and then redirected not proper way.

edited Oct 28 '14 at 13:45

answered Oct 28 '14 at 07:44

Suhas Gosavi

2,170
19
40

thanks. this is working fine but is it possible to disable back button – Varun Nayyar Oct 28 '14 at 10:06
@varun you can show warning message as per your requirement. – Suhas Gosavi Oct 28 '14 at 12:47
that is ok,but it does not stop page navigation.I want to stop navigation with warning message – Varun Nayyar Oct 28 '14 at 12:59
@varun I have edited my answer please find that link. – Suhas Gosavi Oct 28 '14 at 13:37
thanks Suhas,i used your code to fulfill my requirement.I will post the code i used. – Varun Nayyar Oct 29 '14 at 06:37

Varun Nayyar · Accepted Answer · 2014-10-29T07:32:18.383

To disable Backbutton of browser i used

 $(window).on("navigate", function (event) {
     event.preventDefault();
     window.history.forward(1);

});

But on pressing f5 it was creating error and redirecting me to login page.Thus i disable f5 ,ctrl+R button.

 var ctrlKeyDown = false;
 $(document).on("pagecreate", function (){    
    $(document).on("keydown", keydown);
    $(document).on("keyup", keyup);
 });

 function keydown(e) { 
   if ((e.which || e.keyCode) == 116 || ((e.which || e.keyCode) == 82 && ctrlKeyDown))
    {
     // Pressing F5 or Ctrl+R
     e.preventDefault();
    } else if ((e.which || e.keyCode) == 17) {
    // Pressing  only Ctrl
    ctrlKeyDown = true;
  }
}

function keyup(e){
  // Key up Ctrl
 if ((e.which || e.keyCode) == 17) 
    ctrlKeyDown = false;
}

It completely fulfilled my requirement.Thanks to Suhas :) .

You may need to push an initial state to make this work... Something like this `window.onload = function() { if (window.history && history.pushState) { history.pushState(null, null, null); } };` — Micheal C Wallas, Apr 11 '19 at 20:31

JqueryMobile (SPA) Disable Browser backbutton and Refresh?

2 Answers2