Cordova Android Disable Back Button [doesn't work]

Question

I found this: How do I disable Android Back button on one page and change to exit button on every other page

and this: Android - Disable Device Back button

Which both points to the solution adding an EventListener for the Backbutton and preventing its default action.

However, this doesn't seem to work for my application which basically just consists of several HTML pages + some Javascript and CSS. The Hardware Android Back button will work although I added this code in my Javascript as suggested in both solutions:

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

What am I doing wrong? What else can I do?

score 1 · Answer 1 · answered Nov 05 '14 at 10:38

1

It also says to ensure you did add the mobile version of cordova script. Did you?

answered Nov 05 '14 at 10:38

Michael Laffargue

10,116
6
42
76

score 1 · Accepted Answer · answered Nov 05 '14 at 10:45

1

Never mind I am dumb. For the events to work the cordova.js has to be included in the HTML pages or it won't work:

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

answered Nov 05 '14 at 10:45

Danmoreng

2,367
1
19
32

score 0 · Answer 3 · edited Nov 26 '19 at 09:35

<script type="text/javascript" charset="utf-8" src="cordova.js"></script>
<script type="text/javascript" charset="utf-8">
      function onLoad() {
      document.addEventListener("deviceready", onDeviceReady, false);
      }

// device APIs are available
//
function onDeviceReady() {
    // Register the event listener
    document.addEventListener("backbutton", onBackKeyDown, false);
}

// Handle the back button
//
function onBackKeyDown() {
}

</script>

<body onload="onLoad()">

You can read the Cordova documentation for more information.

Cordova Android Disable Back Button [doesn't work]

3 Answers3