javascript-在textarea中插入文本后添加换行符

Question

Here is my JavaScript code . while inserting text in textbox i want to insert line break .

element = element +'<div class="msg_wrap"><div class="msg_body"><ul id="chatlog"></ul>'+ msg+'<div class="msg_push" id="textmesage">dg</div></div><div class="msg_footer" ><textarea id="myTextArea" class="msg_input" rows="4" onkeypress="PushMessage(event , this);"+"\n">  </textarea></div></div>';

and here is my function through which i get text through chatbox.

function PushMessage(e , textarea)
{
    var code = (e.keyCode ? e.keyCode : e.which);
    if(code == 13) { //Enter keycode
    var text1 = document.getElementById('myTextArea').value;
    var div = document.getElementById('textmesage');
    div.innerHTML = div.innerHTML + text1;
    var div = document.getElementById('textmesage').value = "<br>";
    document.getElementById('myTextArea').value = "";
}

i have tried +"\\n" and +"
"+ and in place of "
" in 2ndlast line but it dsnt work.

Answer 1

I'm not sure if I've understood you well.

If you want to add line break in the text you're inserting, you can use

< br >

, as this:

 function PushMessage(e , textarea) { var code = (e.keyCode ? e.keyCode : e.which); if(code == 13) { //Enter keycode var text1 = document.getElementById('myTextArea').value; var div = document.getElementById('textmesage'); div.innerHTML = div.innerHTML + '<br>' + text1; document.getElementById('myTextArea').value = ""; } } 

 <div class="msg_wrap"> <div class="msg_body"> <ul id="chatlog"></ul> <div class="msg_push" id="textmesage">dg</div> </div> <div class="msg_footer" > <textarea id="myTextArea" class="msg_input" rows="4" onkeypress="PushMessage(event , this);"></textarea> </div> </div>