So erhalten Sie die Weiter-Schaltfläche auf dem Android-Softkeyboard anstelle der Go-Schaltfläche in Phonegap

Lesezeit: 6 Minuten

Benutzer-Avatar
Tiefe Mehta

Ich entwickle die Phonegap-Anwendung und habe viele Eingaben im Anwendungsformular. Ich bekomme die Go-Taste auf der Android-Tastatur. Ich möchte die Go-Taste durch die Next-Taste ersetzen. Wenn Sie auf die Schaltfläche Los (wie im Bild gezeigt) klicken, wird das Formular gesendet. In Android Native können wir die nächste Schaltfläche in XML angeben, aber für Phonegap, wie die nächste Schaltfläche anstelle der Go-Schaltfläche angegeben wird.? Einige Samsung-Geräte haben standardmäßig die Schaltfläche Next Prev oben.
Standardmäßig gibt es die Schaltfläche Go.  Ich brauche Next aber in Phonegap

Standardmäßig gibt es die Schaltfläche Go. Ich brauche Next aber in Phonegap. Gibt es ein Plugin, um das für Android anzugeben.

  • Überprüfen Sie dies: stackoverflow.com/questions/23470439/…

    – Siddharth_Vyas

    3. Juli 2014 um 12:35 Uhr

  • @SiddharthVyas Ich habe mir diese Frage bereits angesehen, sie hat nicht beantwortet, was ich brauchte. aber danke für die hilfe.!

    – Tiefe Mehta

    4. Juli 2014 um 14:32 Uhr

  • Gibt es hierzu Neuigkeiten ? Ich versuche, die Schaltfläche „Gehe zu Weiter“ (mit HTML/JS) für Android/ein anderes mobiles Gerät zu ändern. Ich weiß, dass dies möglich ist, ich habe es bei Stripe Checkout gesehen; hier ist der Screenshot: pasteboard.co/1uyG9vOM.png

    – rousseauo

    7. Juni 2016 um 0:03 Uhr

  • Stripe verwendet hybrid oder nativ?

    – Tiefe Mehta

    7. Juni 2016 um 0:07 Uhr

  • @DeepMehta In diesem Fall ist es eine Webseite. Aber ich fand heraus, wie sie es taten, Sie müssen nur type=”number” verwenden. Es wird Ihnen den nächsten Pfeil geben, aber wahrscheinlich nicht das, was Sie wollen. 🙁 Also zurück zum “Geht derzeit nicht”.

    – rousseauo

    7. Juni 2016 um 1:08 Uhr

Benutzer-Avatar
Navneeth

Einen „Next“-Button statt „Go“ zu haben, ist mit Android derzeit nicht möglich.

Android zeigt immer die Schaltfläche “Los” für Formulareingabefelder an. “Go” spiegelt im Grunde das gleiche Verhalten wider wie eine “Enter”-Taste auf einem normalen Browser und einer normalen Tastatur. Sie können durch den folgenden Code erreichen:

if (event.keyCode == 13) {
           //Handling "Go" Button to move to next input field
       }

ODER

Wenn Ihre Eingabefelder mehr sind, ist die Datenabhängigkeit die beste Lösung. Wenn Sie verhindern möchten, dass Benutzer das Formular senden, können Sie mithilfe von Javascript erforderliche Validierungen in das Formular einfügen, wobei Sie die Datenabhängigkeit innerhalb des Eingabefelds mit erforderlich angeben können, wodurch der Cursor zu einem bestimmten Feld bewegt wird, das Sie in der Datenabhängigkeit angegeben haben .

<input type="text" id="first" data-dependency="second" />
<input type="text" id="second" data-dependency="third" />
<input type="text" id="third" />

Es verschiebt den Fokus auf die nächsten Felder im Formular, bis es Ihr letztes Feld ist. Sobald das letzte Feld erreicht ist, können Sie es als Eingabe fungieren lassen. Im Grunde bewegt Go also den Fokus auf die nächsten Felder, bis es Ihr letztes Feld ist, und sendet dann das Formular ab.

  • Surly wird versuchen, was du gesagt hast.

    – Tiefe Mehta

    4. Juli 2014 um 13:14 Uhr

Benutzer-Avatar
Sathya Raj

Es wurde gesagt, dass wenn Sie Eingabefelder ohne oder außerhalb des Form-Tags haben, Sie die nächste Schaltfläche als Tab-Schaltfläche erhalten

Soweit ich weiß, gibt es keine richtige Lösung, um die Schaltfläche “Next” anstelle von “Go” zu erhalten. Es gibt nur Workarounds. Am häufigsten ist es, die Schaltfläche „Los“ als Eingabetaste (Schlüsselcode „13“) in Javascript zu erfassen und Ihr Ding zu machen.

$('selector').on("keydown",function(event){
       if (event.keyCode == 9) {
           //you got tab i.e "NEXT" Btn
       }
       if (event.keyCode == 13) {
           //you got enter i.e "GO" Btn
       }
});

für Tab-Taste statt Enter

Es gab auch Quellen, die diese GO Vs bereits diskutierten NÄCHSTE Taste

  • Ja, ich habe die Ereignisse basierend auf dem Schlüsselcode behandelt. Aber ich kann es mir nicht wirklich leisten, Eingabefelder außerhalb des Formular-Tags zu verwenden.

    – Tiefe Mehta

    30. Juni 2014 um 18:28 Uhr

  • @DeepMehta hast du es probiert? wird die Schaltfläche Weiter angezeigt? … Es kann sich sehr auszahlen, das Formular manuell in Javascript zu implementieren, aber das ist es, wonach Sie fragen. Ab sofort ist dies die einzige Möglichkeit, dies zu tun.

    – Sathya Raj

    1. Juli 2014 um 8:05 Uhr

  • Ich habe alle Möglichkeiten manuell codiert. Hauptproblem war die Formularübermittlung beim Drücken der GO-Taste. dann war es zu wissen, auf welches Feld man sich konzentrieren sollte. viel Zeit in Anspruch genommen. aber es ist immer noch nicht bis zur Marke.

    – Tiefe Mehta

    4. Juli 2014 um 14:30 Uhr

  • Gibt es hierzu Neuigkeiten ? Ich versuche, die Schaltfläche „Gehe zu Weiter“ (mit HTML/JS) für Android/ein anderes mobiles Gerät zu ändern. Ich weiß, dass dies möglich ist, ich habe es bei Stripe Checkout gesehen; hier ist der Screenshot: pasteboard.co/1uyG9vOM.png

    – rousseauo

    7. Juni 2016 um 0:02 Uhr

hast du das Attribut ausprobiert enterkeyhint

Die enterKeyHint-Eigenschaft ist eine Aufzählungseigenschaft, die definiert, welche Aktionsbezeichnung (oder Symbol) für die Eingabetaste auf virtuellen Tastaturen angezeigt werden soll. Es spiegelt das globale HTML-Attribut enterkeyhint wider und ist eine Aufzählungseigenschaft, die nur die folgenden Werte als DOMString akzeptiert:

  • ‘enter’ zeigt typischerweise das Einfügen einer neuen Zeile an.
  • „Fertig“ bedeutet normalerweise, dass nichts mehr einzugeben ist und der Eingabemethoden-Editor (IME) geschlossen wird.
  • „go“ bedeutet normalerweise, den Benutzer zum Ziel des eingegebenen Textes zu führen.
  • ‘next’ bringt den Benutzer normalerweise zum nächsten Feld, das Text akzeptiert.
  • ‘vorherige’ führt den Benutzer normalerweise zum vorherigen Feld, das Text akzeptiert.
  • „Suche“ bringt den Benutzer normalerweise zu den Ergebnissen der Suche nach dem Text, den er eingegeben hat.
  • ‘senden’ liefert den Text normalerweise an sein Ziel.

Wenn nein enterKeyHint value angegeben wurde oder auf einen anderen als den zulässigen Wert gesetzt wurde, wird ein leerer String zurückgegeben.

Das enterKeyHint Eigenschaft ist eine Aufzählungseigenschaft, die definiert, welche Aktionsbezeichnung (oder Symbol) für die Eingabetaste auf virtuellen Tastaturen angezeigt werden soll. Es spiegelt die enterKeyHint Globales HTML-Attribut und ist eine Aufzählungseigenschaft, die nur die folgenden Werte als DOMString akzeptiert:

<main>
  <h2>Using the <code>enterkeyhint</code> Attribute</h2>
  <p>View this demo on a mobile device. Note the text in the "enter" key on your mobile device's virtual keyboard.</p>
  <input type="text" enterkeyhint="Next">
</main>

Für wen kann das nützlich sein:

Ich arbeite an einer Reaktions-PWA und hatte Probleme, die nächste Schaltfläche anzuzeigen, damit Benutzer von einem Eingabeelement zum nächsten wechseln konnten (innerhalb desselben Bildschirms). Es stellt sich heraus, dass Android a benötigt <form> um die eingegebenen Textelemente zu umbrechen. Ich habe eine Reihe von Tests gemacht:

  1. Eingabetexte innerhalb eines (kein Tabindex, keine anderen Attribute als Typ, nichts)
  2. Eingabetexte außerhalb von a (wie oben)
  3. Eingabetexte in a

    in einem

  4. Eingabetexte in a

    außerhalb a

Nur die Eingaben innerhalb eines Get-Android-Standardverhaltens als nächstes-nächstes-nächstes-gehen, wobei “go” = letzte Eingabe im Formular ist.

Haben Sie versucht, die zu verwenden tabindex Parameter in Ihren Eingabefeldern?

Die Standardaktion der Tastatur sollte sein, next if anzuzeigen tabindex ist angeschlossen.

Beispiel:

<input name="first" tabindex="1" /> //should show next

<input name="second" tabindex="2" />  //should show next

<input name="third" tabindex="3" />  //should show go

  • Ich habe tabindex Setup richtig und kein “Weiter”, nur “Go” und das ist mit einem Galaxy j7 (neu Anfang 2017.)

    – Alexis Wilke

    19. März 2017 um 18:47 Uhr

  • “sollte sein” ist der wichtige Teil in dieser Antwort 😉

    – Janning

    29. September 2017 um 12:35 Uhr

Benutzer-Avatar
Römer

EditText android:imeOptions= “actionNext”

  • Ich habe tabindex Setup richtig und kein “Weiter”, nur “Go” und das ist mit einem Galaxy j7 (neu Anfang 2017.)

    – Alexis Wilke

    19. März 2017 um 18:47 Uhr

  • “sollte sein” ist der wichtige Teil in dieser Antwort 😉

    – Janning

    29. September 2017 um 12:35 Uhr

1016180cookie-checkSo erhalten Sie die Weiter-Schaltfläche auf dem Android-Softkeyboard anstelle der Go-Schaltfläche in Phonegap

This website is using cookies to improve the user-friendliness. You agree by using the website further.

Privacy policy