JQUERY copy contents of a textbox to a field while typing

Question

I am trying to copy the contents of a textbox into a div simultaneously while the user is typing. Here is THE CODE ON JSFIDDLE The error that is am facing is, the length of the value copied inside the div is always one less than that of the textbox. what error am i making in the script?

Answer 1

Use keyup instead.

$("#boxx").keyup(function(event) {
  var stt = $(this).val();
  $("div").text(stt);
});

keypress occurs when the key is pressed down and you want the text transferred when the key is released.

Answer 2

The keyup and keypress events work for keyboard input, but if one uses the mouse to right-click and paste something into the text box then the value change will not be picked up. You can use bind with the input event to register both keyup and paste events like this:

$("#textbox1").bind('input', function () {
   var stt = $(this).val();
   $("#textbox2").val(stt);
});