如何在html中调用phonegap函数

时间:2012-11-20 09:37:16

标签: cordova phonegap

我正在使用jquery mobile和phonegap build为移动构建一个基本的html应用程序。我有一个关闭移动应用程序的按钮。我得到了关闭申请的代码。

我的代码是:

function close_app(){
    navigator.app.exitApp();
}

我使用phonegap构建我的应用程序。并在我的Android手机中进行了测试,但代码对我不起作用。

你能告诉我是否可以在构建手机屏幕中使用phonegap功能。

如果可能的话我该怎么做?

3 个答案:

答案 0 :(得分:1)

您需要为关闭按钮添加侦听器事件并关联函数。

像这样创建一个监听器

document.addEventListener("closebutton", close_app, true);

然后在close_app()中写这个

function close_app() {
    navigator.app.exitApp();
}

将phonegap / cordova版本更新为最新版本并使用上面提供的代码是个好主意。

答案 1 :(得分:0)

我使用了以下代码,它对我来说很好; -

document.addEventListener("deviceready", deviceready, false);
function deviceready() {
    document.addEventListener("backbutton", onBackKeyDown, false);
    function onBackKeyDown() {
        if (confirm("Do you want to Exit?")) {
            navigator.app.exitApp();
        }
    }
}

答案 2 :(得分:0)

请在PhoneGap应用上运行以下代码。您需要等待“设备准备”'使用PhoneGap ApI的活动。然后,您应该为任何元素添加事件侦听器。当' deviceready'事件未来,请确认您的cordova.js是否已加载。

<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8">

<!--This line should be updated according to your cordova.js version-->
<script src="cordova.js"></script>

<script>

    document.addEventListener('deviceready', onDeviceready, false);

    function onDeviceready(){

        console.log('Now you can use PhoneGap APIs');

        document.getElementById('exit_button').addEventListener('click', closeThisApp, false);

            console.log('Add click event to the button and call app.exitApp');
            function closeThisApp(){
                navigator.app.exitApp();
            }

    }

</script>
</head>
<body>

<button id="exit_button">Exit</button>

</body>
</html>