JQUERY在输入时将文本框的内容复制到字段

Question

我试图在用户输入时同时将文本框的内容复制到div中.这是JSFIDDLE上 的代码正面临的错误是,div中复制的值的长度总是比文本框的长度小1.我在剧本中犯了什么错误？

Answer 1

请keyup改用.

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

keypress 按下该键并且您希望在释放该键时传输文本时发生.

Answer 2

该KEYUP和按键事件工作的键盘输入,但如果使用鼠标右键单击并粘贴东西到文本框,然后将值变化不会被拾起.您可以使用bind与输入事件注册这两个KEYUP和粘贴这样的活动:

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

Answer 3

将keypress在文本之前发生事件<input>的元素被更新.您可以延迟复制操作以解决此问题.即使是0毫秒的延迟也足以在元素更新后进行复制操作:

$("#boxx").keypress(function() {
    var $this = $(this);
    window.setTimeout(function() {
       $("div").text($this.val());
    }, 0);
});

这里更新了小提琴.