Android：無法捕獲JavaScript中的后退按鈕

Question

我正在使用IntelXDK在HTML5，CSS3和JavaScript中開發一個Android應用程序，該應用程序是一頁應用程序，在使用HTML按鈕切換視圖時可以正常工作，但是在移動設備上按返回按鈕時，該應用程序退出了，但是我想捕獲此事件並顯示主屏幕。

該事件在模擬器中有效，但在物理設備上無效

這是我捕獲后退按鈕單擊事件的方法，但是該應用程序僅關閉：

$(document).ready(function () {

    var animTime = 300,
        clickPolice = false;

    $(document).on('click', '.acc-btn', function () {
        if (!clickPolice) {
            clickPolice = true;

            var currIndex = $(this).index('.acc-btn');

            $('.acc-content').stop().animate({ height: 0 }, animTime);
            $('.acc-content').eq(currIndex).stop().animate({ height: 108 }, animTime);

            setTimeout(function () { clickPolice = false; }, animTime);
        }
    });

    //Back button event
    document.addEventListener('backbutton', function () {
        if ($('#front').hasClass('hidden')) {
            ShowPage('front');
            return false;
        }
        else {
            navigator.app.exitApp();
        }
    }, false);
});

//Show page function etc.....

我知道ShowPage函數可以正常工作，因為它在其他地方使用

任何幫助表示贊賞

Answer 1

請查看以下Android鏈接-https: //software.intel.com/zh-cn/node/493108

您必須捕獲“后退”按鈕並添加虛擬頁面，以防止應用退出

document.addEventListener("intel.xdk.device.hardware.back", function() {
//continue to grab the back button
   intel.xdk.device.addVirtualPage(); 

}, false); 

Answer 2

嘗試從您的addEventListener中刪除布爾參數，因此

//Back button event
document.addEventListener('backbutton', function () {
    if ($('#front').hasClass('hidden')) {
        ShowPage('front');
        return false;
    }
    else {
        navigator.app.exitApp();
    }
});