Question

我正在尝试将空格键附加到Textarea的内容中，但这会导致textarea内容中的换行符。我正在使用$("#Textarea").val($("#Textarea").val()+data)附加一些完美运行的数据，但后来尝试使用相同的$("#Textarea").val($("#Textarea").val()+" ")附加一个空格，它只会导致换行。如何插入不间断的空间？

Answer 1

使用unicode非破坏空间

＆＃13;

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

＆＃13;

<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>

＆＃13;

Answer 2

Text Area的HTML标记似乎如下：

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

默认情况下会在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：为Textarea的内容添加一个不间断的空间

2 个答案: