9 
document.getElementById('area').onkeyup=keydown;
function keydown (event) {
if (event.target.id=='area' && event.which==13) {
document.getElementById('arsh').innerHTML+="\n";
     }
}

Arsh 是我的段落的 ID，我想在其中添加新行为什么这不起作用任何人都可以帮助我吗？我只想在文本区域（ID 区域）中按 Enter 时添加新行到我的段落（ID arsh ）。

这是HTML

<textarea ID="area" class="in">
Message
</textarea>
<br />
<br />
<p ID="tiesh" class="sh">
</p>
<br />
<br />
<p ID="arsh" class="sh">
</p>
<br />
</div>

当您在文本区域中按下回车键时，我基本上试图在stackoverflow中这样做，该段落也跳下一行。

在此处输入图像描述

4

4 回答 4

28

使用 CSS，给#arsh（或任何其他你想呈现新行的元素）这个属性。

white-space: pre-wrap;
于 2013-01-05T22:22:37.017 回答
2 
document.getElementById('arsh').innerHTML=document.getElementById("area").value.replace(/\n/g,'<br />')

这将完成这项工作

于 2018-10-05T10:00:59.180 回答
1

换行符 (\n) 不会在屏幕上呈现为新行。您可能需要添加一个 HTML 中断：

document.getElementById('arsh').innerHTML+="<br />";
于 2013-01-05T22:03:43.173 回答
-1 
<p style="white-space: pre-wrap;"><?php echo $row['description_text'];?></p>
于 2017-05-24T15:04:53.550 回答