javascript - 如何在书写时删除/trim 空格或制表符？

Question

我正在尝试在用户写入时使用 javascript(在 jQuery 中) trim 字符串:

$(document).on('keydown', "input[type='text'], textarea", function(e) {
            $(this).val( $(this).val().trim() );
            console.log('fixing');
        //if ($(this).val() == "") {
            //alert('gwo!');
        //}
    } );

但这里的问题是，当用户写一个空格来写另一个单词时，此代码会 trim 输入中的数据，并将下一个单词连接起来，如下所示:

我很伟大

我真正需要的是当用户使用 CTRL+V 从剪贴板发送文本时删除制表符或空格。

你能帮忙吗？

Answer 1

我想这就是你所需要的。查找重复的空格字符。保留最后一个并删除其他。 String.replace 和 RegExp 可以处理这个问题。

我还使用了 keyup 事件而不是 keydown

$(document).on('keyup', "input[type='text'], textarea", function(e) {
  let val = $(this).val();
  val = val.replace(/(?:^\s+|\s+?(\s))(\S+)/g, "$1$2");
  val = val.replace(/\s+(\s)$/, "$1"); 
  $(this).val( val );
 } );

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<textarea cols="40" rows="10"></textarea>