7
votes

Utilisation d'une touche de raccourci pour soumettre un formulaire HTML?

J'ai un formulaire HTML très simple, contenant uniquement un bouton de soumission et un textarea. Existe-t-il un moyen simple d'utiliser une touche de raccourci pour soumettre ce formulaire, comme alternative à appuyer sur le bouton?

Merci d'avance: -)

html forms submit hotkeys

1 commentaires

@Lehto - Il a déjà une fonction: insérer une nouvelle ligne dans le Textarea.

3 Réponses :

3
votes

Soumettre les boutons peuvent avoir AccessKeys , mais il y a Incrits . Les utilisateurs seraient probablement mieux à venir frapper la touche de tabulation pour concentrer le bouton Soumettre, puis appuyez sur Entrée.

2 commentaires

C'est ce que je cherche que le site Web ne vise pas le plus grand public, de sorte que la différence de navigateur dans la manipulation d'Accesskeys n'est pas un problème :-)

@MOJTABAREZAEIAN - Fonctionne à Firefox 64.0 Quand je le teste.

2
votes

Vous pouvez utiliser les événements "Keydown", "KeyPress" Si vous utilisez une bibliothèque JS (jQuery ou mootools) .. Vous pouvez programmer votre propre CTRL + S à soumettre.

sur jQuery Voir ce http://api.jquerery.com/keypress/

sur motools Voir ce http://mootorial.com/wiki/mootorial / 03-natif / 05-événement

1 commentaires

Ctrl + S (en Firefox pour Windows au moins) signifie généralement "Enregistrer cette page". Message avec les attentes de l'utilisateur n'est généralement pas une bonne idée.

2
votes

Voici la méthode JQuery pour ajouter un auditeur KeyPress à votre bouton (en spécifiant l'ID) ... Vous pouvez également le faire sur votre page en modifiant "OCIID" sur "Document" (sans guillemets, puisque le document est un document Élément de page. Je sais que KeyPress a été mentionné, a figuré qu'il serait plus facile pour les autres d'avoir du code ici et de ne pas avoir à se déplacer ailleurs.

$("#YourID").keypress(function (e) {
   var code = (e.keyCode ? e.keyCode : e.which); // grabs keycode pressed
   if (code == 13) {  // Code 13 is enter
        searchUPC();
   }
});

0 commentaires