JqueryMobile禁用浏览器回退按钮和刷新？

Question

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

对于网页版本，我的要求是禁用或显示警告信息给用户点击浏览器回按钮。我搜索了我的需求，但没有找到任何想要的solution.Please指南。谢谢。

Answer 1

若要禁用我使用的浏览器的Backbutton，请执行以下操作

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

});

但一按f5，就会产生错误，并将我重定向到登录page.Thus --我禁用了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;
}

它完全实现了我的requirement.Thanks到Suhas :)。

Answer 2

试试这个- FIDDLE

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

请参考以下链接。

Refer This

或者你可以用

window.history.forward(1);

当后面的按钮被按下。但它装载，然后重定向不合适的方式。