intercepter le retour chariot dans une zone de texte

Question

Comment attraper un retour chariot dans une zone de texte et faire un post de formulaire au lieu d'une nouvelle ligne dans la zone de texte?

Answer 1

capture la séquence de touches, vérifiez si elle est entrée, puis rechercher l'élément parent form et le soumettre:

$('#textAreaId').keydown(function (e) { 
    var keyCode = e.keyCode || e.which; 

    if (keyCode == 13) { 
    $(this).parents('form').submit(); 
    return false; 
    } 
}); 

Vérifiez l'exemple ci-dessus here.

Answer 2

Ajoutez une fonction onKeyPress à la zone de texte et faites-la intercepter (code de caractère 13) et soumettez le formulaire à la place.

Here's an example qui utilise une entrée de texte au lieu de textarea, mais cela devrait fonctionner de la même manière.

<textarea name="myTextArea" onKeyPress="checkEnter(event)"></textarea> 

Answer 3

Le squelette de base (du API docs):

$('#textarea-selector-here').keydown(function(event) 
{ 
    switch(event.keyCode) 
    { 
     // ... 
     // different keys do different things 
     // Different browsers provide different codes 
     // see here for details: http://unixpapa.com/js/key.html  
     // ... 
    } 
}); 

Cependant, si vous ne voulez pas permettre l'entrée multiligne, pourquoi ne pas simplement utiliser un <input type="text" />?