如何在phonegap / cordova中檢測Android后退按鈕

Question

我目前正在使用cordova 3.7.1。 在我的應用程序中，我無法在jquery腳本中檢測到硬件后退按鈕。 我嘗試這樣： $(document).ready(function() { //registering the back button document.addEventListener("backbutton", onBackKeyDown, false); });

function onBackKeyDown(e) { alert("back button pressed");//alert if the android back button is pressed }

但這不起作用。 我已經嘗試了所有可能性

我還嘗試使用MainActivity.java中的當前URL

appView.getUrl();

但這不會返回div的url如果我有一個div作為＃page2它沒有返回url。

它只返回http://sas.cer.org/index.html 。 它沒有返回http://sas.cer.org/index.html#page2

我也在使用jquery mobile。

是否有任何替代方法來處理Native或Jquery端的android / hardware后退按鈕？

Answer 1

有兩種解決方案：

1）您需要在索引html文件的head部分的script標簽中包含cordova.js，以使事件和插件工作。

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

您可能無法在文件夾中看到此文件，但看到了phonegap | cordova命令在移動設備上運行時構建它。

2）修改您在此處給出的代碼。 使用特定於移動設備的活動來確保您的應用正常運行。

Answer 2

以下內容適用於我們部署到cordova和web的應用程序。

如果在cordova中，則需要window._cordovaNative = true 。

我在那里留下了我的按鈕處理代碼（參見“ // close menu if open ”和其他注釋），您需要用代碼替換它們。

把它放在某個地方：

let bNH, bakNavHandler = bNH = {
    warningOpen: false,
    init: function(){
        if (window._cordovaNative)
            document.addEventListener('backbutton', this.onback, false);
        else {
            if (!window.performance || performance.navigation.type != 1)
                this.preventDefault();
            window.onpopstate =  this.onback;
        }
    },
    preventDefault: function(e){
        window._cordovaNative ? 
            e.preventDefault() : 
            window.history.pushState(null, '', window.location.href);
    },
    onback: function(e){
        // close menu if open
        if ($('#ekapp_menu_div').css('margin-right') == '-2px'){
            bNH.preventDefault(e)
            _that.hideMenuDiv();
        }
        // close modal if open
        else if (!bNH.warningOpen && $('#ekapp_modal:visible')[0]){
            bNH.preventDefault(e)
            _that.closeModal();
        }
        // prev screen if history
        else if (_that.history.length > 1) {
            bNH.preventDefault(e)
            _that.previousScreen();
        }
        // show close app warning
        else if (!bNH.warningOpen) {
            if (window._cordovaNative)
                bNH.preventDefault(e);
            _that.openModal('Tap back button again to exit app!');
            bNH.warningOpen = true;
            $('#ekapp_modal_buttons .ekapp_cancel_btn').one('click', function(){
                bNH.warningOpen = false;
                if (!window._cordovaNative)
                    bNH.preventDefault();
            });
        }
    }
};

然后在你的deviceready（cordova）或doc ready（web）init函數中執行：

bakNavHandler.init();

Answer 3

閱讀文檔，你有一個完整的例子

您必須偵聽deviceready事件，而不是文檔就緒

<!DOCTYPE html>
<html>
  <head>
    <title>Back Button Example</title>

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

    // Wait for device API libraries to load
    //
    function onLoad() {
        document.addEventListener("deviceready", onDeviceReady, false);
    }

    // device APIs are available
    //
    function onDeviceReady() {
        // Register the event listener
        document.addEventListener("backbutton", onBackKeyDown, false);
    }

    // Handle the back button
    //
    function onBackKeyDown() {
    }

    </script>
  </head>
  <body onload="onLoad()">
  </body>
</html>

如何在phonegap / cordova中檢測Android后退按鈕

問題描述

3 個解決方案

解決方案1
3 2015-04-16 15:19:37

解決方案2
1 2018-10-06 20:52:46

解決方案3
0 2015-04-20 11:02:13

如何在phonegap / cordova中檢測Android后退按鈕

問題描述

3 個解決方案

解決方案1 3 2015-04-16 15:19:37

解決方案2 1 2018-10-06 20:52:46

解決方案3 0 2015-04-20 11:02:13

解決方案1
3 2015-04-16 15:19:37

解決方案2
1 2018-10-06 20:52:46

解決方案3
0 2015-04-20 11:02:13