inputフィールドで、一回目のエンターは入力決定、二回目のエンターは送信する方法を教えてください！

Question

HTMLのinputフィールドで、入力したテキストを二回目のエンターでsubmitしたいと思っています。フォームはこのinputフィールド一つだけです。

またできればsubmitボタンはつけたくありません。LINEの様に、一回目のエンターは入力決定、二回目のエンターで送信を実装したいのです。

<div id="inputArea">
			<textarea id="inputText" cols=83 rows=1 placeholder="ここに入力してください" style="font-size:100%;" autofocus></textarea>
		</div>

現状はただ単にinputフィールドを設置してるだけであり、javascriptで送信されたテキストを画面上に書き加えていく挙動です。

LINEのようなテキストフィールドの挙動（エンターの挙動）はどのように行えば良いのかを、教えていただけたら幸いです。

Answer 1

テキストエリアはなんでしょう?
イベントからkeyCodeをひろえばいけそうですが
決定の定義もないのでなんとも言いがたいですね

サンプル

２回連続でエンターを押したときサブミットするならこうでしょうか？

$(function(){
  flg=false;
  $('#inputText').on('keydown',function(e){
    if(flg && e.keyCode==13){
      console.log($(this).parents('form').submit());
    }
    flg=e.keyCode==13;
    if(flg){
      e.preventDefault();
    }
  });
});

textareaですが改行入れられなくなっていますが大丈夫ですか？

Comments

[yambejp]

状況よくわかりませんがサンプルつけときます

Answer 2

この度自己解決しました。回答していただいた方ありがとうございました。textareaの件はその通りです。後で一行にしたので忘れてしまってました。ご指摘ありがとうございます。

javascipt部分が少し煩雑だったの、その部分のコードを載せるのが憚れてしまい、中途半端な質問になってしまいました。お手数をおかけしました。誠に申し訳ございません。

質問の意図は、inputフィールドにおいて、入力文字を決定する時にエンターを押したら、そのまま送信されてしまって困る、というものでした。
原因はinputフィールドのaddEventListnerのイベントがkeyupになっているせいでした。keydownにしたら意図通り出来たので、一応お知らせ致します。

Answer 3

rows=1ってことは input type=textでもよいのでしょうか？
もしOKであれば、submitタグを非表示にしてしまうのはどうですか。
※textareaだと改行になってしまう

<input type="submit" style="display:none" />