The mobile device's back button registers a double activation

Question

The mobile device's back button registers a double activation

I'm encountering an issue with my function that utilizes the back button on Android Phones. Instead of going back one page as intended, it's going back two pages.

Here is a snippet of my current code:

function onBackKeyDown()
{
    currentPage = $.mobile.activePage.attr('id');
    if(currentPage == "createUser")
    {
        $.mobile.changePage("#logIn");
        alert("Return To Login Page");
        currentPage = "";
    }
    // More conditions follow...
}

For instance, when I am in the `cardDetails` page and press the back button, it goes back to `createUser` and then continues back to `logIn`. I have tried resetting the `currentPage` variable and adding more conditional statements but the issue persists.

Requested Java Code:

import android.os.Bundle;
import org.apache.cordova.DroidGap;

public class FnBApp extends DroidGap {
    @Override
    public void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        super.loadUrl("file:///android_asset/www/index.html");
        }
    }

Any assistance on this matter would be highly appreciated.

Sincerely, John

javascript android cordova back-button-control

Answer 1

Answer №1

To prevent the default behavior of the android back button, you should consider overloading it instead of just detecting and acting on it.

If you want to catch the back key event, make sure to remove your key listener or return true when encountering KEY_BACK.

For handling background services effectively, look into using startForeground() and ensure that you have an ongoing notification. Otherwise, Android may terminate your service to free up memory.

@Override
public void onBackPressed() {
   Log.d("CDA", "onBackPressed Called");
   Intent setIntent = new Intent(Intent.ACTION_MAIN);
   setIntent.addCategory(Intent.CATEGORY_HOME);
   setIntent.setFlags(Intent.FLAG_ACTIVITY_NEW_TASK);
   startActivity(setIntent);
}

For app-specific pseudocode implementation:

public class FnBApp extends DroidGap {
    ....
    @Override
    public void onBackPressed() {
       Log.d("CDA", "onBackPressed Called");
       // Check if super.getUrl shows a specific page before loading a new one
       if() {
           super.loadUrl("file://android_asset/www/index.html#login");
       };
    }

Android - How To Override the "Back" button so it doesn't Finish() my Activity?

Answer 2

To prevent the default behavior of the android back button, you should consider overloading it instead of just detecting and acting on it.

If you want to catch the back key event, make sure to remove your key listener or return true when encountering KEY_BACK.

For handling background services effectively, look into using startForeground() and ensure that you have an ongoing notification. Otherwise, Android may terminate your service to free up memory.

@Override
public void onBackPressed() {
   Log.d("CDA", "onBackPressed Called");
   Intent setIntent = new Intent(Intent.ACTION_MAIN);
   setIntent.addCategory(Intent.CATEGORY_HOME);
   setIntent.setFlags(Intent.FLAG_ACTIVITY_NEW_TASK);
   startActivity(setIntent);
}

For app-specific pseudocode implementation:

public class FnBApp extends DroidGap {
    ....
    @Override
    public void onBackPressed() {
       Log.d("CDA", "onBackPressed Called");
       // Check if super.getUrl shows a specific page before loading a new one
       if() {
           super.loadUrl("file://android_asset/www/index.html#login");
       };
    }

Android - How To Override the "Back" button so it doesn't Finish() my Activity?

Answer 3

Answer №2

Are you utilizing Cordova and looking to make your code compatible with devices other than Android? If so, eliminating the need for Java is key. As for the original question, could this code snippet be a solution?:

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

(source: this post)

Answer 4

Are you utilizing Cordova and looking to make your code compatible with devices other than Android? If so, eliminating the need for Java is key. As for the original question, could this code snippet be a solution?:

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

(source: this post)

The mobile device's back button registers a double activation

Answer №1

Answer №2

Similar questions

ASP/VB.NET Client-Side Script Generation/Registration

Learn how to extract an entire table from a website using Kimono Labs, rather than just the first ten rows

Maximizing the potential of .delegate in combination with .closest

What is the best way to fill an array with ng-repeat in AngularJS?

What is the best method for changing a prop in a different component?

Sending information to a personalized mat-grid element using properties

Utilizing BehaviourSubject for cross-component communication in Angular

Extract the color of an individual character

How do I navigate to a different page in a Flask app after an ajax post depending on a condition detected in the view?

Angular controller within dynamically loaded content using Ajax

Is it possible to utilize $(this) within the $.post() function?

The Autocomplete field's label remains visible even after the form is submitted

RethinkDB is throwing a ReferenceError because the connection variable has not been defined

Leveraging a React dropdown to update the value of a distinct variable

Typescript is experiencing an error due to the use of attr("disabled", false) causing a disruption

Revolutionizing Gallery Filtering with Bootstrap

The execution of Node.js callback function is not triggered

AnimatedModel - Difficulty with functioning of multiple model boxes

What is the best location to store the JWT bearer token?

Retrieve information from jsonObject