14

テキスト領域のあるフォームがあり、Enterキーを押すとフォームが送信されます。フォーム送信の代わりに改行文字を追加するにはどうすればよいですか。

4

7 に答える 7

30
$('textarea').keypress(function(event) {
   if (event.which == 13) {
      event.stopPropagation();
   }
});​

JSFiddleデモ

于 2012-12-24T10:55:08.947 に答える
2

このコードを試すことができます:

$(document).ready(function() {
  $("textarea").keydown(function(event){
    if(event.keyCode == 13) {
      event.preventDefault();
      return false;
    }
  });
});
于 2012-12-24T10:52:18.193 に答える
2

これは役立つはずです

$('#myProblematicForm textarea').keypress(function(event) {
  if (event.which == 13) {
    event.preventDefault();
    this.value = this.value + "\n";
  }
});

価値のあることとして、私はOS XでChromeを使用していて、テキストエリアにaをEnter挿入し、デフォルトではフォームを送信しません。\n

于 2012-12-24T10:52:36.710 に答える
2

以前の回答では、textareaの現在の値の分割は処理されず、改行文字が追加されるだけです。次の例は、イベントがフォームにバブリングするのを防ぎ、「enter」での一般的なテキストエリアの動作を許可します。

$('textarea').keydown(function(event) {
  if (event.keyCode === 13) {
    event.stopPropagation();
  }
});
于 2017-01-25T20:45:05.190 に答える
2
$(document).ready(function(){
$("#text").keypress(function(event) {   
   if (event.which == 13) { 
      var s = $(this).val();
      $(this).val(s+"\n");  //\t for tab
   }
});      
});

これは、上記で指定したjqueryコードによって実行できます。上記のスクリプトをHTML入力フィールドのコードの前に記述する場合はready関数を使用する必要があり、入力フィールドコードの後に​​記述する場合は必要ないことに注意してください。機能しない場合は、\の代わりに\tを使用してみてください。 nそれは動作します。

于 2017-06-10T11:59:54.940 に答える
1
$(document).ready(function() {
  $('textarea').keydown(function(event){
    if (event.keyCode == 13) {
      event.preventDefault();
      var s = $(this).val();
      $(this).val(s+"\n");
    }
  });
});
于 2014-04-04T08:52:42.503 に答える
1

これは私のために働いた

$(document).keypress(function(e) {
if(e.which == 13) {
    if(document.activeElement.tagName != "TEXTAREA") {
        e.preventDefault();
    };
  }
})
于 2017-02-06T15:21:46.627 に答える