¿Cómo enviar un formulario al ingresar cuando el área de texto tiene foco?

Question

Al rellenar el área de texto de un formulario, el comportamiento predeterminado cuando se pulsa la tecla Intro es pasar a la siguiente línea. ¿Cómo puedo cambiar el comportamiento del formulario para que se envíe al usuario al presionar Enter incluso cuando el usuario está en un área de texto?

He utilizado Firebug para realizar el pedido Stack   El comentario de Overflow textarea (que tiene este comportamiento), pero no he podido ver ningún JavaScript que haya logrado este efecto. ¿Hay alguna manera de cambiar el comportamiento del área de texto sin usar JavaScript?

Answer 1

No puede hacer esto sin JavaScript. Stackoverflow está utilizando la biblioteca de JavaScript jQuery que adjunta funciones a elementos HTML en la carga de la página.

Así es como podría hacerlo con JavaScript básica:

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

Keycode 13 es la tecla enter.

Así es como podría hacerlo con jQuery al igual como lo hace Stackoverflow:

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

con

$(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

¿Por qué quiere que se muestre un área de texto cuando presiona enter?

Una entrada de "texto" se enviará de forma predeterminada cuando presione enter. Es una entrada de línea única.

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

Un "textarea" no lo hará, ya que se beneficia de las capacidades de varias líneas. El envío de Enter elimina parte de este beneficio.

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

puede agregar código JavaScript para detectar la pulsación de tecla entrar y envío automático, pero puede ser mejor usar una entrada de texto.