javascript - テキストエリアで 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 です なぜこれが機能しないのですか 誰か助けてください）。

ここに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キーを押すと、段落が1行下にジャンプするときに、スタックオーバーフローのようにそれをやろうとしています。

Answer 1

CSS を使用して、#arshこの属性 (または新しい行をレンダリングするその他の要素) を指定します。

white-space: pre-wrap;

Answer 2

改行文字 (\n) は、画面上で改行としてレンダリングされません。おそらく、代わりに HTML ブレークを追加する必要があります。

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