backbutton

このイベントはユーザーが戻るボタンを押したときに呼び出されます。

document.addEventListener("backbutton", yourCallbackFunction, false);

詳細

もしデフォルトの戻るボタンの挙動を上書きしたい場合は、 'backbutton' イベントにイベントリスナーを登録することができます。戻るボタンの挙動を上書きするために、他のメソッドを呼び出す必要はありません。ただ 'backbutton' イベントリスナーを登録するだけで大丈夫です。

通常は、 Cordova の 'deviceready' イベントを受け取った後、 document.addEventListener を通じてイベントリスナーをセットします。

サポートされているプラットフォーム

  • Android
  • BlackBerry WebWorks (OS 5.0 以上)
  • Windows Phone 7 (Mango)

使用例

document.addEventListener("backbutton", onBackKeyDown, false);

function onBackKeyDown() {
    // メニューボタン関する操作を記述
}

詳細な使用例

<!DOCTYPE html>
<html>
  <head>
    <title>Cordova Back Button 使用例</title>

    <script type="text/javascript" charset="utf-8" src="cordova-2.1.0.js"></script>
    <script type="text/javascript" charset="utf-8">

    // Cordovaのロード完了とともに onDeviceReady を呼び出します。
    //
    // この時点では、ドキュメントの読み込みは完了していますが、 cordova-2.1.0.js はまだ完了していません。
    // Cordova のロード完了とともに
    // `deviceready` イベントが呼び出されます。
    //
    function onLoad() {
        document.addEventListener("deviceready", onDeviceReady, false);
    }

    // Cordova 準備完了
    //
    function onDeviceReady() {
        // イベントリスナーを登録
        document.addEventListener("backbutton", onBackKeyDown, false);
    }

    // メニューボタン関する操作を記述
    //
    function onBackKeyDown() {
    }

    </script>
  </head>
  <body onload="onLoad()">
  </body>
</html>