CordovaでAndroidのハードウェアの戻るボタンを無効化する方法

CordovaでAndroidのハードウェアの戻るボタンを無効化する方法

簡単に出来ると思ったのですが、結構ハマったのでメモ。

cordova.jsを読み込んだ後に以下のように実装します。ハードの戻るボタンを押すと、backbuttonイベントが走ります。

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

  // deviceready Event Handler
  //
  // Bind any cordova events here. Common events are:
  // 'pause', 'resume', etc.
  onDeviceReady: function() {
    this.receivedEvent('deviceready');
    document.addEventListener("backbutton", this.onBackKeyDown, false);// backbuttonをリッスンする
  },
  // 戻るボタンの処理でreturn false;としておく
  onBackKeyDown: function() {
    return false;
  },
// 省略

これでAndroid端末の戻るボタンを押しても無効化されるようになります。画面ごとに設定することもできます。

参考サイト

コメント

株式会社CONFRAGE ITソリューション事業部をもっと見る

今すぐ購読し、続きを読んで、すべてのアーカイブにアクセスしましょう。

続きを読む

タイトルとURLをコピーしました