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端末の戻るボタンを押しても無効化されるようになります。画面ごとに設定することもできます。

参考サイト

高橋

KHI入社して退社。今はCONFRAGEで正社員です。関西で140-170/80～120万から受け付けております^^
得意技はJS(ES6),Java,AWSの大体のリソースです
コメントはやさしくお願いいたします^^
座右の銘は、「狭き門より入れ」「願わくは、我に七難八苦を与えたまえ」です^^