如何在textarea中动态添加新行; javascript或jquery

时间:2014-01-22 16:28:45

标签: javascript jquery html

我正在开发一个键盘插件。这要求如果用户点击输入键,则必须在该textarea中添加换行符。

我尝试添加其他字符,例如b c等。但是对于换行符,我知道使用

添加js中的换行符
\n

但是,当我尝试将其附加到textarea时,它只是将其添加到textarea的文本中。虽然我希望它开始换行。我怎样才能得到新的一行?

以下是每次点击时运行的代码:

$('#vboard li').click(function () {
  CurVal = $(LastFocused).val();
    $(LastFocused).val(CurVal + $(this).attr('id'));
    $(LastFocused).focus();
});

上面的代码执行并将当前按钮的值附加到元素。当我点击回车键时,它输出值为''\ n',例如:

如果该值为afzaal,则点击后它将更改为afzaal \ n而不是开始新行。

我如何在textarea中获取换行符?

3 个答案:

答案 0 :(得分:3)

你需要添加一个新的动态,对吧? 试一试,看看这是不是你想要的。

$('textarea').html($('textarea').val()+'
Something');

我正在设置textarea的html而不是val


看起来即使这样也可以。

$('textarea').val($('textarea').val()+'\nSomething');

答案 1 :(得分:1)

此版本应使用Vanila Javascript:

var newMessage =“请添加我到新行中;”;

const textarea = document.getElementById('messages');

element.value + =“ \ n” + newMessage;

答案 2 :(得分:0)

尝试类似

的内容
<textarea cols='60' rows='8'>This is my first line.&#13;&#10;This is my second line </textarea>

使用&#10;&#13;将允许您在新行上显示而无需在textarea中显示