1. Lorsqu'il n'y a qu'un seul <input type = "text" name = "name" /> Dans le formulaire de formulaire, appuyez sur Entrée pour soumettre automatiquement le formulaire.
La copie de code est la suivante:
<form id = "form1" action = "post.php" méthode = "post">
<input type = "text" name = "name" />
</ form>
Ajouter un autre
La copie de code est la suivante:
<input type = "text" />
Appuyez sur Entrée pour le soumettre automatiquement, mais il est difficile d'afficher une boîte d'entrée inconnue sur la page. Plus tard, j'ai trouvé deux solutions sur Internet:
(1) en ajouter un
La copie de code est la suivante:
<entrée style = "affichage: aucun;" type = "text" />
La boîte d'entrée n'est pas affichée et elle ne sera pas soumise après l'entrée:
La copie de code est la suivante:
<form id = "form1" action = "post.php" méthode = "post">
<input type = "text" name = "name" />
<entrée style = "affichage: aucun" />
</ form>
(2) Ajouter un événement onkeydown, puis appuyez sur Entrée et ne s'affichera pas:
La copie de code est la suivante:
<form id = "form1" action = "post.php" méthode = "post">
<input type = "text" name = "name" onkeydown = "if (event.keycode == 13) return false;" />
</ form>
Si vous souhaitez ajouter un événement de retour en voiture, vous pouvez ajouter un formulaire de soumission de jugement dans l'événement Onkeydown:
La copie de code est la suivante:
<form id = "form1" action = "post.php" méthode = "post">
<entrée style = "affichage: aucun" />
<input type = "text" name = "name" onkeydown = "if (event.keycode == 13) {gosubmit ();}" />
</ form>
Parfois, nous voulons que la touche ENTER soumette le formulaire dans l'élément d'entrée, mais parfois nous n'en voulons pas. Par exemple, le comportement de recherche, vous espérez appuyer sur Entrée pour soumettre le formulaire immédiatement après la saisie du mot-clé. Pour certaines formes complexes, vous devrez peut-être éviter le fonctionnement d'erreur de la touche Entrée et déclencher la soumission du formulaire lorsque le formulaire est rempli avant le remplissage du formulaire.
Pour contrôler ces comportements, vous n'avez pas besoin d'utiliser JS. Le navigateur nous a aidés avec ces traitements. Voici quelques règles:
S'il y a un bouton type = "soumettre" dans le formulaire, la touche Entrée prend effet.
S'il n'y a qu'une seule entrée avec type = "texte" dans le formulaire, quel que soit le type du bouton, la touche Entrée prend effet.
Si le bouton n'utilise pas l'entrée, mais le bouton, et aucun type n'est ajouté, la valeur par défaut est type = bouton dans IE, et la valeur par défaut est type = soumettre en fx.
D'autres éléments de formulaire tels que TextArea et SELECT n'affectent pas, Radio CheckBox n'affecte pas les règles de déclenchement, mais répondra à la clé ENTER sous FX et ne répondra pas dans IE.
L'entrée de type = "image" a le même effet que type = "soumettre". Je ne sais pas pourquoi ce type est conçu, et il n'est pas recommandé de l'utiliser. Il devrait être approprié d'ajouter des images d'arrière-plan à l'aide de CSS.