javascript - 如何防止用户在 Jquery Mobile 中点击浏览器后退按钮时离开页面？

Question

只是想知道。

我在 Jquery Mobile 中有一个页面，它使用一个弹出窗口，在智能手机显示屏上作为全屏页面打开:

台式机/平板电脑:

智能手机:

问题是，如果用户在智能手机上查看该页面，这看起来就像一个真实的页面。当用户点击我提供的“后退”按钮时，我只是关闭弹出窗口。但是，如果用户点击浏览器后退按钮，他就会离开该页面，因为他在历史记录中从未向下翻过一页。

问题:
由于我无法禁用浏览器后退按钮，是否有另一种方法可以在弹出窗口打开时创建浏览器历史记录条目，因此当用户按下后退按钮时，我只需关闭弹出窗口，浏览器历史记录就会返回到初始页面与“-1”。如果有其他解决方法可以实现此目的，我也将不胜感激任何建议。

谢谢!

Answer 1

如果网页是从智能手机打开的，也许您可​​以将弹出窗口添加为对话框页面(您可以使用用户代理来检查这一点)。您可能想检查http://jquerymobile.com/test/docs/pages/page-dialogs.html这样它将被添加到浏览器历史记录中。