我想通过按Enter键而不是提交它来在输入字段中添加换行符

时间:2017-06-14 10:56:49

标签: javascript jquery html

我正在尝试按Enter键添加换行符,但\n在这里不起作用。 \t正在运行,除了\n之外的其他任何内容。

此代码阻止在按Enter键时提交表单,但不会在文本中添加换行符:

<script src="jquery-3.2.1.min.js">
$(document).ready(function(){
  $('#text').keypress(function(event) {  
     if(event.which == 13) {                    
      event.preventDefault();                   
        var s = $(this).val();              
        $(this).val(s+"\n"); 
     }
  });      
});
</script>
<input type="text" id="text" name="post">
<input type="submit" value="Post">

2 个答案:

答案 0 :(得分:0)

使用textarea会更有意义吗?

https://www.w3schools.com/tags/tag_textarea.asp

这会阻止提交表单,但也允许您输入新行。

答案 1 :(得分:0)

据我所知,你不能在输入中创建新行。 使用[ { "col_1":123, "col_2":"value", "col_3":"value", }, { "col_1":123, "col_2":"value", "col_3":"value", }, { "col_1":123, "col_2":"value", "col_3":"value", }, ... ] 并使用js更改<textarea name="Text1" cols="40" rows="5"></textarea>值。