在PhoneGap 1.9中使用暫停和后退按鈕事件

Question

我在PhoneGap中遇到了一些事件。 當我嘗試將事件偵聽器注冊到phonegap-app（在PhoneGap-Build上構建）的暫停和后退按鈕事件時，無法識別該事件。

我的代碼如下所示：

function onBackKeyDown() {
    console.log("Back");
}

function onMenuKeyDown() {
    console.log("Menu");
}

function pause() {
    console.log("Menu");
}

function ready(){
    console.log("ready");
    document.addEventListener("pause", pause, false);
    document.addEventListener("backbutton", onBackKeyDown, false);
    document.addEventListener("menubutton", onMenuKeyDown, false);
}
document.addEventListener("deviceready", ready, false);

如果我在HTC Wildfire上運行此應用程序，則可以在日志中看到該功能已就緒（輸出已完成）。 但是，如果我按下“后退”或“搜索”按鈕或退出應用程序，則不會調用其他任何功能。

誰能幫我這個？

謝謝！

我其余的代碼如下所示（我只是寫了一個小例子，以確保我的代碼中沒有錯誤...）

main.js：

function onBackKeyDown() {
    console.log("Back");
    alert("Back");
}

function onMenuKeyDown() {
    console.log("Menu");
    alert("Menu");
}

function onMenuSearch() {
    console.log("onMenuSearch");
    alert("onMenuSearch");
}

function pause() {
    console.log("Menu");
    alert("Pause");
}

function onResume(){
    console.log("Resume");
    alert("Resume");
}

function ready(){
    alert("Ready");
    console.log("ready");
    document.addEventListener("pause", pause, false);
    document.addEventListener("backbutton", onBackKeyDown, false);
    document.addEventListener("menubutton", onMenuKeyDown, false);
    document.addEventListener("searchbutton", onMenuSearch, false);
    document.addEventListener("resume", onResume,false);
}

document.addEventListener("deviceready", ready, false);

index.html

<!DOCTYPE html>
<!--[if lt IE 7]>      <html class="no-js lt-ie9 lt-ie8 lt-ie7"> <![endif]-->
<!--[if IE 7]>         <html class="no-js lt-ie9 lt-ie8"> <![endif]-->
<!--[if IE 8]>         <html class="no-js lt-ie9"> <![endif]-->
<!--[if gt IE 8]><!--> <html class="no-js"> <!--<![endif]-->
    <head>
        <meta charset="utf-8">
        <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
        <title></title>
        <meta name="description" content="">
        <meta name="viewport" content="width=device-width">
    </head>
    <body>
        <!-- Add your site or application content here -->
        <p>Hello world! This is HTML5 Boilerplate.</p>

        <script src="js/main.js"></script>
    </body>
</html>

如前所述，我正在使用PhonegapBuild在多個平台上構建應用程序，因此我的應用程序中沒有集成cordova腳本。

謝謝...

Answer 1

<!DOCTYPE html>
<!--[if lt IE 7]>      <html class="no-js lt-ie9 lt-ie8 lt-ie7"> <![endif]-->
<!--[if IE 7]>         <html class="no-js lt-ie9 lt-ie8"> <![endif]-->
<!--[if IE 8]>         <html class="no-js lt-ie9"> <![endif]-->
<!--[if gt IE 8]><!--> <html class="no-js"> <!--<![endif]-->
    <head>
        <meta charset="utf-8">
        <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
        <title></title>
        <meta name="description" content="">
        <meta name="viewport" content="width=device-width">
    </head>
    <body>
        <!-- Add your site or application content here -->
        <p>Hello world! This is HTML5 Boilerplate.</p>

        <script src="js/main.js"></script>
    </body>
</html>

在PhoneGap 1.9中使用暫停和后退按鈕事件

問題描述

1 個解決方案

解決方案1
0 2013-03-19 10:46:19

在PhoneGap 1.9中使用暫停和后退按鈕事件

問題描述

1 個解決方案

解決方案1 0 2013-03-19 10:46:19

解決方案1
0 2013-03-19 10:46:19