web-dev-qa-db-fra.com

Comment obtenir le bouton Suivant sur le clavier virtuel Android à la place du bouton Aller dans phonegap

Je développe une application Phonegap et j'ai beaucoup d'entrées dans le formulaire de candidature. Je reçois le bouton Aller sur le clavier d'Android. Je souhaite remplacer le bouton Aller par le bouton Suivant. Comme cliquer sur le bouton Go (comme indiqué dans l'image) soumet le formulaire. En natif Android, nous pouvons spécifier le bouton Next dans XML, mais pour Phonegap, comment spécifier le bouton Next au lieu du bouton go.? Certains appareils Samsung ont par défaut le bouton Suivant Précédent en haut de la page .By Default there is Go button. I need Next but in Phonegap

Par défaut, il y a le bouton Go. J'ai besoin de Next mais dans Phonegap. y at-il un plugin pour spécifier cela pour Android.

javascriptandroidjquerycordova
19
Deep Mehta

Avoir un bouton "Suivant" au lieu de "Go" n'est pas possible avec Android pour le moment.

Android affichera toujours le bouton "Go" pour les champs de saisie de formulaire. "Go" reflète fondamentalement le même comportement qu'un bouton "Entrée" sur un navigateur et un clavier normaux. Vous pouvez réaliser par le code ci-dessous:

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

OR

Si vos champs de saisie sont plus nombreux, la dépendance aux données sera la meilleure solution. Si vous souhaitez empêcher les utilisateurs de soumettre le formulaire, vous pouvez mettre les validations requises sur le formulaire à l'aide de javascript, dans lequel vous pouvez spécifier une dépendance des données dans le champ de saisie avec obligatoire, ce qui permet de déplacer le curseur vers un champ particulier que vous avez spécifié dépendance aux données.

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

Il déplace le focus sur les champs suivants du formulaire jusqu'à son dernier champ. Une fois le dernier champ atteint, vous pouvez lui permettre d'agir comme entrée. Donc, fondamentalement, Go continuera à déplacer le focus vers les champs suivants jusqu'à ce qu'il soit votre dernier champ, puis soumettra le formulaire. 

10
Navneeth

Il a été dit que si avoir des champs de saisie sans ou en dehors de la balise de formulaire signifie que vous obtiendrez le bouton suivant comme bouton de tabulation 

Autant que je sache, il n’existe pas de solution adéquate pour obtenir le bouton suivant au lieu de partir. Il n'y a que des solutions de contournement le faire. Le plus commun consiste à capturer le bouton 'Go' en tant que clé de saisie (keycode '13') en javascript et à faire votre travail.

$('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
       }
});

pour onglet bouton au lieu d'entrer

Il y a eu aussi des sources qui ont déjà discuté de ces GO Vs NEXT bouton 

2
Sathya Raj

Vous pouvez simplement utiliser la logique suivante pour permettre aux utilisateurs de se concentrer sur le prochain champ de saisie. C’est une meilleure approche, que j’ai utilisée dans l’une des applications PhoneGap, car il n’existe actuellement aucun plugin tiers offrant une telle fonctionnalité. 

x$('#input1').on('keyup', function(e) {
 var mEvent = e || window.event;
 var mPressed = mEvent.keyCode || mEvent.which;
 if (mPressed == 13) {
  // On enter, go to next input field
   document.getElementById('input2').focus();
 }
return true;
});
0
MAST3RMIND