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();
    }
});