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

Question

只是想知道。

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

桌面/片剂：

智能手机：

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

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

谢谢！

Answer 1

如果从智能手机打开网页，你可以做的就是将popover添加为对话框页面（你可以使用user-agent来检查）。您可能需要检查http://jquerymobile.com/test/docs/pages/page-dialogs.html这样会将其添加到浏览器历史记录中。

Answer 2

尝试添加实时Vclick。

或

您可以尝试禁用类ui，

示例：

类= “UI-禁用”