jQuery：在 Textarea 的内容中附加一个不间断的空格
Posted
技术标签:
【中文标题】jQuery：在 Textarea 的内容中附加一个不间断的空格【英文标题】：jQuery : Append a non-breaking space to content of Textarea 【发布时间】：2018-04-04 17:33:56 【问题描述】：我正在尝试将空格键附加到 Textarea 的内容，但这会导致 textarea 的内容出现换行符。我正在使用$("#Textarea").val($("#Textarea").val()+data) 附加一些可以完美运行的数据，但随后我尝试使用相同的$("#Textarea").val($("#Textarea").val()+" ") 附加一个空格，这只会导致换行。如何插入不间断空格？
【问题讨论】：
据我所知完美运行 (jsbin.com/juxaroyoyo/edit?html,js,output) 你能添加一些 sn-ps 吗？ 可以改变textarea的css white-space属性 【参考方案1】：使用 unicode 非中断空间
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>【讨论】：
【参考方案2】：您的文本区域的 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 的内容中附加一个不间断的空格的主要内容，如果未能解决你的问题，请参考以下文章
使用 jQuery 在 Textarea 中显示 XML 文件的所有内容
textarea允许将行作为内容传递（jquery）[重复]