CODEWITHSUNDEEP
javascriptandroidjqueryhtml
user2733130
user2733130

Reputation: 167

How to disable android back button click in html5 web app

I want to disable the android back button click in my web app which I built using html5, javascript and jquery mobile.

On clicking the android back button, it minimizes my web app. Web app goes to the background. How can i prevent this ? I tried so many ways like,

document.addEventListener('backbutton', function(){});

data- backbtn = false etc... but still no luck..

If it was a native android application , it is easy. But how to do this is in a web app.

Appreciate any kind of help.

Upvotes: 1

Views: 7297

Answers (3)

Guru
Guru

Reputation: 98

Are you working in Phonegap?

//Deviceready function
document.addEventListener('deviceready', function() {

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

}, false);


//Function for back button function
function goBack(){
}

Upvotes: 2

Varun Nath
Varun Nath

Reputation: 5632

If i understand you right a web app is basically opening a web page in a browser on your phone.You cannot disable the back key from a web app.

It is built into the phone to put applications(in this case the browser) into the background when the back key is pressed.

If you wish to use native features while writing your code in html/css/javascript, then checkout a wrapper like Phonegap. It easily packages your web app into a native app.

Upvotes: 0

Praveen Sharma
Praveen Sharma

Reputation: 4348

put the following code inside your Main Activity .java class 

@Override
    public boolean onKeyDown(int keyCode, KeyEvent event) {
        if (keyCode == KeyEvent.KEYCODE_BACK) {

            return true;
        }
        return super.onKeyDown(keyCode, event);
    }

Upvotes: 0

Related Questions