Enter键上的HTML textarea换行符不起作用

Question

I have a textarea and when click enter it doesn't insert a linebreak, I tried to use the following code, But, when i press enter, it goes to the end fo text and add new line.

$("#descre").on('keydown', function(e) {
  var code = e.keyCode || e.which;
  if (code == 13) { //Enter keycode
    event.preventDefault();
    var s = $(this).val();
    $(this).val(s + "\n");
  }
});

I want to make a normal enter press, like ex: jsfiddle

Answer 1

My textarea was not working well, so to accept enter key press on normal behaviour i used the code:

$('#descre').keypress(function(e) {
  if (e.keyCode == 13) {
    e.preventDefault();
    this.value = this.value.substring(0, this.selectionStart) + "" + "\n" + this.value.substring(this.selectionEnd, this.value.length);
  }
});

Answer 2

You have passed e in the function as argument but in the if block you are doing event.preventDefault() change it to e.preventDefault()

//i try this one 

    $("#descre").on('keydown', function(e) {
        var code = e.keyCode || e.which;
          if(code == 13) { //Enter keycode
           e.preventDefault();
           var s = $(this).val();
           $(this).val(s);
          }     
         });

You are adding an extra line in the end yourself. Thats why it is inserting the extra k=line