Comment soumettre un formulaire sur enter lorsque la zone de texte est active?

Question

Lorsque vous remplissez la zone de texte d'un formulaire, le comportement par défaut lorsque la touche Entrée est atteinte est de passer à la ligne suivante. Comment puis-je modifier le comportement du formulaire afin qu'il soit soumis lors de la frappe de l'utilisateur même lorsque l'utilisateur est dans une zone de texte?

J'ai utilisé Firebug pour extraire le commentaire   de Stack textarea (qui a ce comportement), mais ne voyait aucun JavaScript ayant atteint cet effet. Existe-t-il un moyen de modifier le comportement de la zone de texte sans utiliser JavaScript? Pourquoi voulez-vous qu'une zone de texte soit soumise lorsque vous appuyez sur Entrée?

Answer 1

Vous ne pouvez pas faire cela sans JavaScript. Stackoverflow utilise la bibliothèque JavaScript jQuery qui attache des fonctions aux éléments HTML lors du chargement de la page.

Voilà comment vous pouvez le faire avec JavaScript de base:

<textarea onkeydown="if (event.keyCode == 13) { this.form.submit(); return false; }"></textarea> 

Keycode 13 est la touche Entrée.

Voilà comment vous pouvez le faire avec jQuery comme comme Stackoverflow fait:

<textarea class="commentarea"></textarea> 

avec

$(document).ready(function() { 
    $('.commentarea').keydown(function(event) { 
     if (event.keyCode == 13) { 
      this.form.submit(); 
      return false; 
     } 
    }); 
}); 

Answer 2

<form id="myform"> 
    <input type="textbox" id="field"/> 
    <input type="button" value="submit"> 
</form> 

<script> 
    $(function() { 
     $("#field").keyup(function (event) { 
      if (event.which === 13) { 
       document.myform.submit(); 
      } 
     } 
    }); 
</script> 

Answer 3

Une entrée "texte" sera envoyée par défaut lorsque vous appuyez sur entrée. C'est une entrée de ligne unique.

<input type="text" value="..."> 

Un "textarea" ne le sera pas, car il bénéficie de capacités multilignes. Soumettre sur entrer enlève une partie de cet avantage.

<textarea name="area"></textarea> 

Vous pouvez ajouter du code JavaScript pour détecter l'entrer et keypress soumission automatique, mais vous pouvez être mieux d'utiliser une entrée de texte.