⌚ Reading time: 10 minutes Ross Je cherche à créer un formulaire où appuyer sur la touche Entrée amène le focus à passer à l'élément de formulaire "suivant" sur la page. La solution que je trouve sans cesse sur le web est…
Malheureusement, cela ne semble fonctionner que dans IE. Donc, le vrai problème de cette question est de savoir si quelqu'un connaît une solution qui fonctionne pour FF et Chrome? Javascript touche entrée example. De plus, je préfère ne pas avoir à ajouter onkeydown événements aux éléments de formulaire eux-mêmes, mais si c'est le seul moyen, il faudra le faire. Ce problème est similaire à la question 905222, mais mérite sa propre question à mon avis. Edit: aussi, j'ai vu des gens soulever le problème que ce n'est pas un bon style, car il s'écarte du comportement de formulaire auquel les utilisateurs sont habitués. Je suis d'accord! C'est une demande client 🙁 tcdona J'ai utilisé la logique suggérée par Andrew qui est très efficace. Et voici ma version: $('body')('keydown', 'input, select', function(e) { if ( === "Enter") { var self = $(this), form = rents('form:eq(0)'), focusable, next; focusable = ('input, a, select, button, textarea')(':visible'); next = ((this)+1); if () { ();} else { ();} return false;}}); Keycode de KeyboardEvent (c'est-à-dire: ycode) avis d'amortissement:- L'extrait de code JS vanille le plus simple que j'ai trouvé: dEventListener('keydown', function (event) { if (yCode === 13 && === 'INPUT') { var form =; var index = (form, ); form.Après vous n'avez plus qu'à remplacer l'alert par l'appel à votre fonction requeteAjax() ou alors y placer le code correspondant... Saisie: Vous pouvez même faire encore + court: Saisie: Donc pour vous: Saisie: - Edité par Anonyme 27 janvier 2016 à 14:08:42 27 janvier 2016 à 14:14:45 Le problème vient du addEventListerner qui ne demande que la désignation de la fonction (et non l'appel de celle-ci). // Il convient donc de définir la fonction à appeler function search(e){ if(yCode==13) requeteAjax(tElementById('demande'));} // Pour attacher celle-ci à l'élément tElementById('demande').
Merci pour le bon scénario. Je viens d'ajouter l'événement shift sur la fonction ci-dessus pour revenir entre les éléments, j'ai pensé que quelqu'un pourrait en avoir besoin. $('body')('keydown', 'input, select, textarea', function(e) { var self = $(this), form = rents('form:eq(0)'), focusable, next, prev; if (iftKey) { if (yCode == 13) { prev = ((this)-1); ();}}} else Mayur Sarang Cela a fonctionné pour moi: $(document)('keydown', ':tabbable', function(e) { eventDefault(); var $canfocus = $(':tabbable:visible'); var index = $(tiveElement) + 1; if (index >= $) index = 0; $(index)();}}); Mike Béthanie Il y a des problèmes avec toutes les implémentations données ici. Javascript touche entrée et du séjour des étrangers. Certains ne fonctionnent pas correctement avec les zones de texte et les boutons d'envoi, la plupart ne vous permettent pas d'utiliser le décalage pour revenir en arrière, aucun d'entre eux n'utilise des tabindex si vous en avez, et aucun d'entre eux ne passe du dernier au premier ou au premier Jusqu'au dernier. Avoir le [enter] la clé agit comme le [tab] key mais fonctionne toujours correctement avec les zones de texte et les boutons de soumission utilisent le code suivant.
26/07/2007, 12h01 #1 recuperation de la touche "ENTREE" du clavier bonjour à tous! j'ai un petit blocage avec javascript. j'ai un formulaire ayant 5 champs le premier etant le code d'un article. Je souhaiterais pouvoir completer les autres informations avec une requete sql des ke l'utilisateur auras fini de renseigner ce champ et aura tapé la touche entrée. seulement je ne sais comment recuperer l'evenement 26/07/2007, 17h45 #2 bon voila j'ai reussi a trouver une fonction ki fait ce ke je cherchais. seulement je souhaite passer une variable javascript en GET ds une page et je ne sais comment m'y prendre. voici le code ke j'utilise: 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22