Jak przesłać formularz przy wejściu, gdy obszar tekstowy jest ustawiony?

Question

Podczas wypełniania obszaru tekstowego formularza domyślnym zachowaniem po naciśnięciu klawisza Enter jest przejście do następnego wiersza. Jak mogę zmienić zachowanie formularza, aby przesłać go po naciśnięciu klawisza Enter, nawet jeśli użytkownik znajduje się w obszarze tekstowym?

Użyłem Firebuga do kasy Stosu   Tekst komentarza w przepełnieniu komentarza (który ma to zachowanie), ale nie widać żadnego JavaScriptu, który to spowodował. Czy istnieje sposób na zmianę zachowania textarea bez użycia JavaScript?

Answer 1

Nie możesz tego zrobić bez JavaScript. Stackoverflow używa biblioteki JavaScript jQuery, która łączy funkcje z elementami HTML podczas ładowania strony.

Oto jak można zrobić to z podstawowego JavaScript:

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

keyCode 13 jest klawisz enter.

Oto jak można to zrobić z jQuery jak podobnie jak Stackoverflow:

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

z

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

Dlaczego chcesz, aby tekst był przesyłany po naciśnięciu Enter?

Po naciśnięciu klawisza "tekst" zostanie przesłany domyślnie. Jest to wejście liniowe.

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

"Tekst" nie będzie, ponieważ korzysta z możliwości wieloliniowych. Przesyłanie przy wejściu odbiera część tego świadczenia.

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

Możesz dodać kod JavaScript, aby wykryć naciśnięcie klawisza Enter i automatycznie przesłać, ale lepiej skorzystać z wprowadzania tekstu.