テキストエリアにフォーカスがあるときに入力時にフォームを送信するにはどうすればよいですか？

Question

フォームのテキストエリアに入力するとき、Enterキーが押されたときのデフォルトの動作は、次の行に移動することです。フォームの動作を変更して、ユーザーがテキストエリアにいるときでもユーザーが入力したときに送信するにはどうすればよいですか？

チェックアウトにFirebugを使用しましたStack  オーバーフローのコメントtextarea（この動作はありますが）この影響を受けたJavaScriptは見つかりませんでした。 JavaScriptを使用せずにテキストエリアの動作を変更する方法はありますか？

Answer 1

JavaScriptを使用しないとできません。 Stackoverflowは、ページロード時にHTML要素に関数を添付するjQuery JavaScriptライブラリを使用しています。ここで

は、基本的なJavaScriptでそれを行うことができ方法は次のとおりです。

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

キーコード13は、入力キーです。私たちは、「テキストエリアでとき入力した上でフォームを送信」するために、この質問の名前を変更する場合、どのよう

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

Enterキーを押したときにテキストエリアを送信したいのはなぜですか？

Enterを押すと、デフォルトで「テキスト」入力が送信されます。これは単一行入力です。

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

"textarea"は、複数行の機能の恩恵を受けているため、使用できません。エンタープライズへの投稿は、この利点の一部を取り除きます。

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

入力キー入力と自動送信を検出するためにJavaScriptコードを追加できますが、テキスト入力を使用する方がよい場合があります。