Как удалить/обрезать пробелы или вкладки во время записи?

Question

Я пытаюсь обрезать строку с помощью JavaScript (в JQuery), когда пользователь пишет:

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

Но проблема в том, когда пользователь пишет пространство, чтобы написать еще одно слово, этот код обрезает данные на входе и следующее слово сцепляется как:

I'mbigandgreat

Действительно, что мне нужно, чтобы удалить вкладки или пробелы, когда пользовательские тексты, используя 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>

Answer 2

Вместо того чтобы просто захватывать любое событие keydown, вы должны запускать свой код обрезки только тогда, когда пользователь нажимает Ctrl + V или вставляет этот ввод.

Это будет сложно реализовать для IE, но для других браузеров вы можете использовать событие paste.

В качестве альтернативы (это воняет), проверьте e.which === 'код ascii для V' и e.ctrlKey === true.

Answer 3

Нужно ли даже обрезать его на клиенте? Если это важно, тогда вам все равно придется делать это на подаче, так что вы можете просто оставить его там.