jQuery : 附加一个不间断的 space 到 Textarea 的内容

Question

我正在尝试将 spacebar 附加到 Textarea 的内容，但这会导致 textarea 的内容换行。我正在使用 $("#Textarea").val($("#Textarea").val()+data) 附加一些工作正常的数据，但随后我尝试使用相同的 $("#Textarea").val($("#Textarea").val()+" ") 附加 space 并且它只会导致换行。如何插入不间断的 space ?

Answer 1

使用不间断的unicodespace

document.querySelector("#textarea1").value = "ABCDEFGHIJKLMNOPQRSTUVWXYZ\u00A012345"
document.querySelector("#textarea2").value = "ABCDEFGHIJKLMNOPQRSTUVWXYZ 012345"

<label for="textarea1">Non Breaking</label> <textarea id="textarea1" style="width:220px"></textarea>
<br/>
<label for="textarea2">Breaking</label> <textarea id="textarea2" style="width:220px"></textarea>

Answer 2

您的 HTML 文本区标签似乎是这样的：

<textarea id="TextArea">
Some Content
</textArea>

默认情况下会在您的文本区域中附加一个新行。如果你这样写你的标记：

<textarea>Hello World</textarea>

您的问题将得到解决！这是工作示例：

<html>
<body>
<textarea id="Textarea">Hello WOrld</textarea>
<button id="click-me">
Click Me! Everything is allright
</button>

<hr />
<textarea id="Textarea2">
Hello WOrld
</textarea>
<button id="click-me-2">
Click Me!Something is wrong!
</button>
</body>
</html
<script>
$('#click-me').click(function(){
$('#Textarea').val($('#Textarea').val() + " ");


});

$('#click-me-2').click(function(){
$('#Textarea2').val($('#Textarea2').val() + " ");


});
</script>

jQuery : 附加一个不间断的 space 到 Textarea 的内容

jQuery : Append a non-breaking space to content of Textarea

javascript

jquery

textarea

append

line-breaks