双击jquery mobile + phonegap中的应用程序退出

时间:2015-07-25 09:50:23

标签: javascript jquery jquery-mobile phonegap-build

我正在使用phonegap构建我的应用程序。我已经写了一个代码,双击手机应用程序的后退按钮应该关闭,但它无法正常工作我已经写了代码。

var app = {
    initialize: function() {
        this.bindEvents();
    },
bindEvents: function() {
        document.addEventListener('deviceready',onDeviceReady, false);      
    },


onDeviceReady: function() {
        app.receivedEvent('deviceready');
        var exitApp = false, intval = setInterval(function () { exitApp = false; }, 1000);
        document.addEventListener("backbutton", function (e) {
            e.preventDefault();
            if (exitApp) {
                clearInterval(intval)
                (navigator.app && navigator.app.exitApp()) || (device && device.exitApp())
            }
            else {
                exitApp = true
                history.back();
            }
        }, false);
    },


receivedEvent: function(id) {
        var parentElement = document.getElementById(id);
        var listeningElement = parentElement.querySelector('.listening');
        var receivedElement = parentElement.querySelector('.received');

        listeningElement.setAttribute('style', 'display:none;');
        receivedElement.setAttribute('style', 'display:block;');

        console.log('Received Event: ' + id);
    }
};

所以最重要的是因为它是默认的后退功能。我正在使用手机版本3.7.0。

1 个答案:

答案 0 :(得分:0)

@vatsal, 双击屏幕是缩放的默认设置。使用后退按钮这种方式不是退出的好方法。大多数人使用专用的[退出]按钮。你可能也会这么想。

FWIW,您不需要该事件的e.preventDefault();

您可以在此处查看有关事件的笔记和源代码:
https://github.com/jessemonroy650/Phonegap-Events-test
在这里:
https://github.com/jessemonroy650/Phonegap-PhysicalButton-test/blob/master/NOTES

杰西