使用javascript删除textarea onclick内的额外空格

Question

我在下面找到代码来删除textarea中的额外空格。它工作正常，但它不会删除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" ) )
});