通过javascript将<br>插入文本区域[重复]

Posted 2023-05-07

【中文标题】通过javascript将<br>插入文本区域[重复]

【英文标题】：Inserting a <br> into a text area via javascript [duplicate]

【发布时间】：2018-06-13 02:43:16

【问题描述】：

我正在尝试将文本输入到 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】：

只需将<br> 作为\n添加到outputtext 的字符串中：

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

\n - 换行符 n 必须用反斜杠 \ 转义并用双引号 "

【讨论】：

这不起作用，因为它刚刚显示 - Username1:Text1/n

@T.script 它必须是backslash，用双引号" 即。 "\n"

这行得通，我只是傻了，谢谢

没问题，我也更新了答案。 :)