Javascript line break does not apply when I use document.execCommand ("copy")

Question

Hi, I use the code below to build a line and copy it, but in the output, when I paste it, the line break does not apply

function copyToClipboardShipto() { var $temp = $("<input>"); $("body").append($temp); var str1 = "@(Model.firstName)"; var str2 = " "; var str3 = "@(Model.lastName)"; var str4 = "\n"; var str5 = "@(Model.shiptoes[0].address.address1)"; var str6 = ","; var str7 = "@(Model.shiptoes[0].address.address2)"; var str8 = "\n"; var str9 = "@(Model.shiptoes[0].address.city)"; var str10 = ","; var str11 = "@(Model.shiptoes[0].address.state)"; var str12 = "\n"; var str13 = "@(Model.shiptoes[0].address.zip)"; var str = str1 + str2 + str3 + str4 + str5 + str6 + str7 + str8 + str9 + str10 + str11 + str12 + str13; $temp.val(str).select(); document.execCommand("copy"); $temp.remove(); } } 

first name last name 223 E JACKSON AVE, city, statezip any help appericiated

Answer 1

Use <textarea> instead of <input> , since INPUT does not support multi-line strings.

 var $temp = $("<textarea>"); 

Answer 2

Use <textarea> instead of <input> not supporting line breaks.