在文本區域中按Enter時，段落中的新行

Question

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

Arsh是我的段落的ID，我想在其中添加新行，為什么這行不通，誰能幫助我？我只想在textarea（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>

當您在文本區域中按Enter鍵時，我基本上就是在stackoverflow中嘗試執行此操作，該段落也會跳下一行。

Answer 1

使用CSS，將此屬性賦予#arsh （或您要呈現新行的任何其他元素）。

white-space: pre-wrap;

Answer 2

換行符（\\ n）不會在屏幕上顯示為新行。 您可能需要添加HTML分隔符：

document.getElementById('arsh').innerHTML+="<br />";

Answer 3

document.getElementById('arsh').innerHTML=document.getElementById("area").value.replace(/\n/g,'<br />')

這會做的工作

Answer 4

<p style="white-space: pre-wrap;"><?php echo $row['description_text'];?></p>