使用 javascript 删除 textarea onclick 内的多余空格

Question

我发现下面的代码可以删除 textarea 中的多余空格。它工作正常，但它不会删除所有行的内部文本区域中的额外空白。我想在 javascript 中一键删除所有行的额外空格。请帮我解决这个问题。

这是代码。

 <textarea class="input" name="input" type="text" id="txt" style="height: 250px;width: 450px;" placeholder="One Per Line"></textarea>
 <input type="button"  name="submit1" value="Clear Extra Space" id="run1"/>

Javascript:

<script>
$(document).ready(function() {
$('#run1').click(function() {
var textarea=$('#txt'); 
textarea.val(textarea.val().replace(/(^\s*)|(\s*$)/gi,""));
textarea.val(textarea.val().replace(/[ ]{2,}/gi," "));
textarea.val(textarea.val().replace(/\n /,"\n"));
});
});
</script>

Answer 1

将您的点击事件处理程序更改为 demo here

$('#run1').click(function() {
    var textarea=$('#txt'); 
    var rows = textarea.val().split( "\n" );
    console.log(rows);

    for ( var counter = 0; counter < rows.length; counter++)
    {
       rows[ counter ] = rows[ counter ].trim();
       if ( rows[ counter ].length == 0 )
       {
          rows.splice( counter, 1 );
          counter--;
       }
    }
    textarea.val( rows.join( "\n" ) )
});

使用 javascript 删除 textarea onclick 内的多余空格

Remove extra whitespace inside textarea onclick using javascript

html

javascript

textarea