JqueryMobile（SPA）禁用浏览器后退按钮并刷新？

Question

嗨，我正在为我的手机缺口应用程序使用jqueryMobile SPA模板。

对于Web版本，我的要求是在单击浏览器后退按钮时禁用或向用户显示警告消息。 我用Google搜索了我的要求，但没有找到所需的解决方案。请指导我。 谢谢。

Answer 1

要禁用我使用的浏览器的后退按钮

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

});

但是在按f5时，它正在创建错误并将我重定向到登录页面。因此我禁用了f5，ctrl + R按钮。

 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;
}

它完全满足了我的要求。感谢Suhas :)。

Answer 2

试试这个-FIDDLE

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

请参考以下链接。

推荐这个

或者你可以使用

window.history.forward(1);

当按下后退按钮时。 但是它加载，然后重定向不正确的方式。