通过javascript将<br/>插入文本区域

时间:2018-01-03 12:10:38

标签: javascript html

我正在尝试将文本输入到textarea并让它从每个插入的新行开始。

目前这是我的代码,因此当您输入用户名/文字并点击发布时,它会将其粘贴到文本区域。

<script type="text/javascript">

document.getElementById("post").addEventListener('click', function () {

var username = document.getElementById('username').value;
var input = document.getElementById('input').value;
var output = document.getElementById('output');

var outputtext = username + ":" + input;
output.value += outputtext;

});
</script>

目前输出如下:

Username1:Text1Username2:Text2Username3:Text3

我希望它显示为:

Username1:Text1
Username2:Text2
Username3:Text3

为任何帮助干杯

1 个答案:

答案 0 :(得分:6)

JUst将<br> \n添加为outputtext的字符串:

var outputtext = username + ":" + input +"\n";

\ n - 新行字符 n ,必须使用反斜杠 \ 进行转义,并用双引号&#封装34;