Come inviare un modulo al momento dell'inserimento quando la textarea è attiva?

Question

Quando si compila un'area di testo di un modulo, il comportamento predefinito quando viene premuto il tasto Invio è quello di passare alla riga successiva. Come posso modificare il comportamento del modulo in modo che possa essere inviato al momento di inserire l'utente anche quando l'utente si trova in una textarea?

Ho usato Firebug per il checkout Stack   textage di overflow textarea (che ha questo comportamento), ma non è stato possibile visualizzare alcun JavaScript che abbia ottenuto questo effetto. C'è un modo per cambiare il comportamento della textarea senza usare JavaScript?

Answer 1

Non è possibile farlo senza JavaScript. Stackoverflow utilizza la libreria JavaScript jQuery che allega le funzioni agli elementi HTML al caricamento della pagina.

Ecco come si potrebbe fare con base JavaScript:

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

KeyCode 13 è il tasto Invio.

Ecco come si potrebbe fare con jQuery come come fa 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

Perché vuoi inviare una textarea quando premi Invio?

Un input "testo" verrà inviato per impostazione predefinita quando si preme invio. È un ingresso a linea singola.

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

Una "area di testo" non lo è, in quanto beneficia di capacità multi-linea. L'invio su invio porta via alcuni di questi vantaggi.

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

è possibile aggiungere codice JavaScript per rilevare la pressione del tasto entrare e auto-invia, ma si può essere meglio utilizzare un input di testo.