All geek questions in one place

Remove spaces after insertion with jQuery

I tried ( jsfiddle ) but it does not work.

As you can see, the warning is empty. It as a function .val () is launched before copying a string.

$(document).on('paste', '#pasteIt', function(){
    alert($("#pasteIt").val());
    var withoutSpaces = $("#pasteIt").val();
    withoutSpaces = withoutSpaces.replace(/\s+/g, '');
    $("#pasteIt").text(withoutSpaces);
});

Why?

+4
source share
3 answers

Get clipboard data

$(document).on('paste', '#pasteIt', function(e) {
  e.preventDefault();
  // prevent copying action
  alert(e.originalEvent.clipboardData.getData('Text'));
  var withoutSpaces = e.originalEvent.clipboardData.getData('Text');
  withoutSpaces = withoutSpaces.replace(/\s+/g, '');
  $(this).val(withoutSpaces);
  // you need to use val() not text()
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<input type="text" id="pasteIt" placeholder="Paste something here">
Run codeHide result

Link: https://forum.jquery.com/topic/paste-event-get-the-value-of-the-paste#14737000004101955

+6
source

Use setTimeout, this delays validation to get the value. Check here .

$(document).on('paste', '#pasteIt', function () {
    setTimeout(function () {
        alert($("#pasteIt").val());
        var withoutSpaces = $("#pasteIt").val();
        withoutSpaces = withoutSpaces.replace(/\s+/g, '');
        $("#pasteIt").val(withoutSpaces);
    }, 1);
});
+2
source

So you want:

$(document).on('paste', '#pasteIt', function(e) {
  window.setTimeout(function() {
    var withoutSpaces = $("#pasteIt").val();
    withoutSpaces = withoutSpaces.replace(/\s+/g, '');
    $("#pasteIt").val(withoutSpaces);
  }, 1);
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
<html>
<span>Enter: </span>
<input id="pasteIt">

</html>
Run codeHide result
0
source

Source: https://habr.com/ru/post/1609198/

More articles:


All Articles