Home/ Questions/Q 9157301
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-06-17T12:58:55+00:00

I am trying out this simple code. What I want is that when a

  • 0

I am trying out this simple code. What I want is that when a paste event is fired on the second input textbox, it should be cleared, after copying its contents, removing the readonly attribute of the previous textbox, and pasting it there. however, nothing is happening.

The paste event is fired alright, because if I replace the code in the timer by a simple alert, it works. Can anyone tell me what’s wrong here?

<!DOCTYPE html>
<html>
  <head>
    <script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js">
    </script>
    <script>
       $(document).ready(function(){
         $(".boo").bind("input paste",function() { 
         elem = this;
         setTimeout(function() { 
             $(".foo").removeAttr("readonly");
             $(".foo").text($(elem).text());
             $(elem).text("");  
         },100);
        });
      });
  </script>
</head>
 <body>
   <input class = 'foo' type = 'text' /><input class = 'boo' type = 'text' />
 </body>
</html>
Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    First of all, you should use .val() instead of .text() with input control.

    $(document).ready(function () {

    $("input.boo").bind("paste", function () { //also changed the binding too
        var elem = $(this);
        setTimeout(function () {
            $(".foo").val(elem.val());
            elem.val("");
        }, 100);
    });

});

    Also, your bound event(s) were fired twice when text is pasted in the control. That’s because, you have bound both input and paste events to the element(s) with “boo” class.

    So here, instead of:

    $(".boo").bind("input paste", function() {});

    Use this:

    $("input.boo").bind("paste", function() {});

    This will bind only the paste event to input elements with “boo” class.

    See updated jsFiddle example.

    • 0