使用 jQuery Mobile 禁用硬件返回功能

Question

我正在寻找一种方法来禁用后退按钮（Android 上的硬件，iPhone 上的软件），或将用户重定向到不同的页面（然后是上一个页面）。

我这样做的原因不是出于邪恶目的或任何其他目的。我正在开发一款考试软件。用户回答考试/调查/测验中的所有问题，提交表单，然后被带到一个页面以查看反馈。目前，如果他们点击硬件后退按钮，他们会看到提示数据已经提交的警告框，但他们仍然可以点击 OK 并被带回考试并重新提交，从而重新提交相同的结果或更改他们的答案并重新提交。

我正在寻找一种方法来禁用此功能，或者通过某种方式禁用后退按钮，或者将用户重定向到新页面。

有关该应用的一些信息。未使用 Ajax 提交考试表格。整个应用程序是一个 URL，无论您在哪个页面，URL 始终相同。通过重新加载该 URL，您将被带到登录页面（这是完全可以接受的）。

我已经研究过 HTML5 History 功能，但由于在较新版本的 Android 中缺乏支持，我无法使用它。我需要可以在 Android、iPhone，最好是 Windows Phone 7 上运行的东西。

Answer 1

没有真正的方法可以禁用黑莓或 Android 上的硬件返回按钮。

您可以做的是维护一个在您的 back 处理程序中失效的会话变量，并在考试页面的 pagebeforeshow 事件中检查该会话变量。

Answer 2

与问题略有相关，如果您使用带有Cordova/PhoneGap 的jQuery Mobile，您可以监听一个名为“backbutton”的事件触发。确保在“deviceready”之后绑定它。

示例如下：

document.addEventListener("backbutton", function (e) {
    e.preventDefault();
}, false);

Answer 3

您应该能够使用 JavaScript 捕获硬件后退按钮单击事件：

$(document).bind('keydown', function(event) {

  if (event.keyCode == 27) { // 27 = 'Escape' keyCode (back button)
    event.preventDefault();
  }
});

Answer 4

要在 jQuery Mobile 中禁用 Back 按钮，请在页面的标题 div 中包含 data-backbtn="false"。

您可以在 http://jquerymobile.com/demos/1.0a3/#docs/toolbars/docs-headers.html 上进行相同的测试

为了修改功能，你可以有这样的东西：

<a href="/#default" data-icon="back">

这会将您每次重定向到默认页面。