动态删除<textarea>中单词之间的其他空格?

时间:2015-11-06 02:03:58

标签: javascript jquery html css textarea

&lt; p&gt;在下面的小提琴中,可以在动态提取文本后在每个单词之间添加空格,并在&lt; code&gt;&lt; textarea&gt;&lt; / code&gt;中更改文本。自动,不需要按钮?&lt; / p&gt; &lt; p&gt;附件是&lt; a href =“https://jsfiddle.net/afy5v66x/1/”rel =“nofollow”&gt; Fiddle&lt; / a&gt;&lt; / p&gt; &LT; p为H. HTML:其中/ p为H. &lt; pre&gt;&lt; code&gt;&lt; textarea rows ='5'cols ='50'id ='content'&gt;&lt; / textarea&gt; &LT; /代码&GT;&LT; /预&GT; &LT p为H.;&LT; / p为H. &LT; p为H. JQuery的:其中/ p为H. &LT;预&GT;&LT;代码&GT; function someFunction(){  var output = document.getElementById(“content”)。value;  output = output.replace(/ \ s / g,“”);  document.getElementById(“output”)。innerHTML = output; &LT; /代码&GT;&LT; /预&GT; &LT p为H.;}&LT; / p为H. &lt; p&gt;非常感谢更新的小提琴,因为我还不熟悉编码。&lt; / p&gt; &lt; p&gt;谢谢!&lt; / p&gt;

2 个答案:

答案 0 :(得分:1)

如果textarea id是“input”,

$(document).ready(function(){

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

});

答案 1 :(得分:0)

使用指定here的javascript修剪方法。

样品:

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

希望这有帮助。

注意:我没有经过测试,但我的例子实际上给了你提示如何实现这个目标。