javascript - 在 phonegap 中的 2 个 html 页面之间导航

Question

我正在开发 phonegap 应用程序。我面临一个问题。

我的应用程序中有四个 html 页面。每个页面都包含一些小部件，例如按钮或 ListView 点击按钮我移动到下一页。但是当我想回到第一页时，我做不到。那就是当我尝试使用设备的后退按钮返回时它会关闭应用程序。

我正在使用设备的后退按钮而不是用户定义的，所以我需要处理它。与 android 中的 onBackPressed(); 相同。

我知道这是因为 WebView 小部件。但无法找到解决方案。

我是 JavaScript、CSS、AJAX、jQuery 和 HTML5 的新手。

如何处理 phonegap 中的后退？

Answer 1

您可以制定解决方法来解决此问题。

您可以定义一个函数，在按下后退按钮时触发，然后验证您的用户所在的页面，并根据每个页面运行不同的操作。例如，如果他在第 3 页，则您返回第 2 页，如果第 2 页，则返回第 1 页，如果他在第 1 页，则您可以关闭应用程序。

为你写了一个例子:

    <script type="text/javascript" charset="utf-8" src="phonegap-1.0.0.js"></script>
    <script type="text/javascript" charset="utf-8">

    document.addEventListener("deviceready", onDeviceReady, false);

    // PhoneGap is loaded and it is now safe to make calls PhoneGap methods
    function onDeviceReady() {
        // Register the event listener
        document.addEventListener("backbutton", onBackKeyDown, false);
    }

    // Handle the back button
    function onBackKeyDown() {
        var whichPage = functionToDetectCurrentPage(); //create a function or detect it somehow
        switch(whichPage){
            case "Page1":
              //works only in android, iOS not quite sure, but heard it's not possible
              //to do programatically
              navigator.app.exitApp();
              break;
            case "Page2":
              window.location = "Page1.html";
              break;
            case "Page3":
              window.location = "Page2.html";
              break;
            case "Page4":
              window.location = "Page2.html";
              break;
        }
    }

查看 phonegap 文档。 http://docs.phonegap.com/en/1.0.0/phonegap_events_events.md.html#backbutton

让我们知道它是否对您有帮助!