Community
cancel
Showing results for 
Search instead for 
Did you mean: 
Highlighted
Beginner
28 Views

Disable back button

Jump to solution

Hi guys

How to disable the back button?
 

Tags (2)
0 Kudos

Accepted Solutions
Highlighted
Valued Contributor I
28 Views

I use this:

Jump to solution

I use this:

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

View solution in original post

0 Kudos
17 Replies
Highlighted
Employee
28 Views

Hello,

Just uncheck this box on the upper right corner

BackButton_0.PNG

0 Kudos
Highlighted
Valued Contributor I
29 Views

I use this:

Jump to solution

I use this:

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

View solution in original post

0 Kudos
Highlighted
Beginner
28 Views

Amrita C.

Jump to solution

Amrita C.
I dont use App Designer

Hamilton
I used your code
<script>
document.addEventListener("backbutton", yourCallbackFunction, false);   
</script>

But not work... I am using correctly?

0 Kudos
Highlighted
28 Views

I am afraid I do not

Jump to solution

I am afraid I do not understand your question. 

You are not using App Designer but you want to disable back button? Where did this back button come from? Is it in your header? If so, can you post your header code?

 

0 Kudos
Highlighted
Beginner
28 Views

Sorry... I mean the phone

Jump to solution

Sorry... I mean the phone button:



I put red arrows... to see:

0 Kudos
Highlighted
Employee
28 Views

Quote:Dani Carla wrote:

Jump to solution

Dani Carla wrote:

I used your code
<script>
document.addEventListener("backbutton", yourCallbackFunction, false);   
</script>

 

But not work... I am using correctly?

"yourCallbackFunction" is shorthand for "insert your own function here", so if you pasted that code as is without defining "yourCallbackFuncion", you'd get a problem because it's not defined.  You could probably do this:

<script>
document.addEventListener("backbutton", null, false);
</script>

Or you should be able to do this:

<script>
document.addEventListener("backbutton", function () {}, false);   
</script>

The point is to provide an event handler that doesn't do anything and the "false" is essentially to prevent it other handlers from acting on it.  The details are more complicated than that, but that's the gist.

0 Kudos
Highlighted
28 Views

Use the Phonegap's event API.

Jump to solution

Use the Phonegap's event API. Add this code in your device ready.

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

 

0 Kudos
Highlighted
Beginner
28 Views

Sorry guys... Dont work in

Jump to solution

Sorry guys... Dont work in these options :(

0 Kudos
Highlighted
Employee
28 Views

 

Try using the event shown here to leverage Intel XDK JavaScript APIs assuming you are going to build with cordova. Using this event should allow you get the functionality 
https://software.intel.com/en-us/node/493108

0 Kudos
Highlighted
Employee
28 Views

Make sure to enable the

Jump to solution

Make sure to enable the appropriate intel.xdk plugin for it to work correctly :)

0 Kudos
Highlighted
Employee
28 Views

This worked for me:

Jump to solution

This worked for me:

  1. Create a new "HTML5 + Cordova" project
  2. Add this code to the function onAppReady() in the file js/app.js:

        document.addEventListener('backbutton', function() {alert("Intercepted");}, false);

  3. Run this code on a device (I tried it using the debug tab on a usb connected Android phone

  4. Press the back button - you should see an alert that says "Intercepted"
  5. After dismissing the alert, you should still be in your app, not back to the home screen

 

0 Kudos
Highlighted
Beginner
28 Views

Quote:Dale Schouten (Intel)

Jump to solution

Dale Schouten (Intel) wrote:

This worked for me:

  1. Create a new "HTML5 + Cordova" project
  2. Add this code to the function onAppReady() in the file js/app.js:

        document.addEventListener('backbutton', function() {alert("Intercepted");}, false);

  3. Run this code on a device (I tried it using the debug tab on a usb connected Android phone

  4. Press the back button - you should see an alert that says "Intercepted"
  5. After dismissing the alert, you should still be in your app, not back to the home screen

 

Hello Dale,

I followed your instructions step by step but it does not work. After allert the app closes. I tested on Android using the Ionic framework.
I am attaching the project file, are a few lines to test the BackButton.

Could you explain what has gone wrong?
Thank you

 

 

0 Kudos
Highlighted
Employee
28 Views

Mario -- official Cordova

Jump to solution

Mario -- official Cordova instructions here > http://cordova.apache.org/docs/en/6.x/cordova/events/events.html#backbutton <

0 Kudos
Highlighted
Beginner
28 Views

Quote:Paul F. (Intel) wrote:

Jump to solution

Paul F. (Intel) wrote:

Mario -- official Cordova instructions here > http://cordova.apache.org/docs/en/6.x/cordova/events/events.html#backbutton <

Paul, does not work, I invite you to watch the simple project attached "HTML5 + Cordova" with Ionic and test it on an Android device.
I added some alert in the code that you suggested. After pressing the backbutton on smartphone displays the alert, then the application closes (Android).

Thank you

0 Kudos
Highlighted
Employee
28 Views

http://www.gajotres.net/ionic

Jump to solution
0 Kudos
Highlighted
Beginner
28 Views

 Hello guys,

Jump to solution

 Hello guys,

 I am working on cordova and i am stuck on mobile's back button pressed. I want to disable back button so that user can only use app's back button for that i need to disable the back button it is not working. Can anyone please tell me how to do this?

0 Kudos
Highlighted
Employee
28 Views

Try this search > https://www

Jump to solution
0 Kudos