动态删除 <textarea> 中单词之间的额外空格？答案

【问题标题】：Removing additional spaces between words in a <textarea> dynamically?动态删除 <textarea> 中单词之间的额外空格？
【发布时间】：2015-11-06 02:03:58
【问题描述】：

在下面的小提琴中，是否可以在动态提取文本后在每个单词之间添加一个空格并自动更改 <textarea> 中的文本，而不需要按钮？

附上Fiddle

HTML：

<textarea rows='5' cols='50' id='content'></textarea>

JQuery:

 function someFunction() {
 var output = document.getElementById("content").value;
 output = output.replace(/\s/g, "");
 document.getElementById("output").innerHTML = output;

}

非常感谢更新的小提琴，因为我还是编码新手。

谢谢！

【问题讨论】：

标签： javascript jquery html css textarea

【解决方案1】：

如果 textarea id 是“输入”，

$(document).ready(function(){

    $("#input").keyup(function(){
        var textarea = $("#input");
        var str = textarea.text();
        str = str.replace(/\s\s+/gi, ' ');
        textarea.text(str);
    });

});

【讨论】：

【解决方案2】：

使用here指定的javascript trim方法。

示例：

<textarea id="test">Lorem     [remove this space and other spaces dynamically]      ipsum dolor sit amet,        [remove this space]              consectetur adipiscing elit. Donec aliquet pharetra erat sed.
</textarea>
<script>
  ar = document.getElementById('test').value;
  string = ar.replace(/\s+/g, " ");
  document.getElementById('test').value=ar;
</script>

希望这会有所帮助。

注意：我没有测试过，但我的示例实际上为您提供了如何实现这一点的提示。

【讨论】：