Androidのバックボタンを無効にしたい

Question

現在Monacaでアプリ開発をしております。

Android端末のバックボタンを押したとき、前の画面に戻る操作をキャンセルしたいのですが、以下のコードで試してみましたが、すべて前の画面に戻ってしまいました。

バックボタンを無効にする方法ほかにありますでしょうか？
よろしくお願いいたします。

ons.setDefaultDeviceBackButtonListener();

    document.addEventListener("backbutton", function(e){
      ons.setDefaultDeviceBackButtonListener();
    }, false);    

    document.addEventListener("backbutton", function(e){
      
      // 自身のページを履歴に追加
      history.pushState(null, null, null);
      // ページ戻り時にも自身のページを履歴に追加
      $(window).on("popstate", function(){
          history.pushState(null, null, null);
      });
      
    }, false);    

    document.addEventListener("backbutton", function(e){
      e.preventDefault();
    }, false);    

    document.addEventListener("backbutton", function(e){
      
      if (e.getKeyCode() == KeyEvent.KEYCODE_BACK && e.getAction() == KeyEvent.ACTION_DOWN) {
        // trueを返すことでbackKeyの動作を無効化
        return true;
      }      
     
    }, false);    

Answer 1

下記2つのコードを書くことでバックキーを無効化できました。

  // バックキーを無効化
  ons.disableDeviceBackButtonHandler();
  document.addEventListener("backbutton", function(){}, false);

Answer 2

deviceready または ons.ready のタイミングで定義してみるのはいかがでしょう。

document.addEventListener("deviceready", function () {
    ons.setDefaultDeviceBackButtonListener(function(){
        // バックボタン処理を記述
    });
}, false);

Comments

[agepan]

ご回答ありがとうございます。試してみましたが変わりませんでした…端末によって効く効かないといったことがあるんでしょうか…

[KoichiAkamine]

うーん、稼働中のアプリのソースからコピーしたのですが、動かないですか...

基本的なところですが、
・JavaScript ファイルはきちんと読み込まれているか
・JavaScript エラーは起きていないか (別の箇所でエラーが起きているためにイベント付与がきちんと動作していない可能性)
・OnsenUI のバージョン (v2.x.x)
・document.addEventListener("backbutton", function(e){ ... を、 deviceready あるいは ons.ready 時に定義してみては
・ https://ja.onsen.io/v2/api/js/ons.html disableDeviceBackButtonHandler は効くか
・検索してみる : 端末名 + cordova back button not working

[agepan]

ありがとうございます、OnsenUIのそれとCordovaのそれ、2つのコードを併せて書く必要があったみたいで、無事バックキーの無効化ができました。自己解決欄にコードを記載しましたので参考までにご覧頂ければと思います。