Question

我在这个主题上看了几篇帖子，但没有一个提供合适的解决方案。

一旦用户导航到下一页，我想阻止他回到之前的页面。我的页面中没有后退按钮，但仍可通过平板电脑/手机设备后退按钮进行后退导航。

我相信这是preventDefault和stopImmediatePropagation的内容，但我不知道如何定位设备/浏览器后退按钮。

Answer 1

我找到了一个很好的方法，用android测试它，它运行正常。

首先，确保将cordova.js添加到您的图书馆。

第二次，在结束标头标记上方添加以下内容：

<script>
function onLoad() {
document.addEventListener('deviceready', deviceReady, false);
}

function deviceReady() {
   document.addEventListener('backbutton', backButtonCallback, false);
}

function backButtonCallback() {
   navigator.notification.confirm('do you want to exit the app?',confirmCallback);
}
function confirmCallback(buttonIndex) {
   if(buttonIndex == 1) {
      navigator.app.exitApp();
   return true;
}
else {
   return false;
}
}
</script>

第三次和最终版，使用以下命令更改您的起始正文标记：

<body onload="onLoad()">

JQuery Mobile阻止了页面导航

1 个答案: