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

Question

在下面的小提琴中，是否可以在动态提取文本后在每个单词之间添加一个空格并自动更改<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; 

}

更新的小提琴将非常赞赏，因为我仍然是编码新手。

谢谢！

Answer 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); 
    }); 

}); 

Answer 2

使用JavaScript修剪方法指定here。

样品：

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

希望这有助于。

注：我没有测试，但我的例子实际上给你提示如何实现这一点。