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

當按下后退按鈕時。 但是它加載，然后重定向不正確的方式。