使用Javascript实时打印字段输入数据

Question

我有个问题要问你的javascript专家。我正在创建一个侧栏工具，它由几个不同的文本输入字段组成。此工具的用途是编辑模板上的副本。我试图传递输入到onchange字段的数据，但在将数据转储到我的js对象时遇到了问题。这在某种程度上是我的想法：

$('myInputField').(function(){
      $(this).onChange(){
          // write to variable X
}
});

本质上，我想让我在输入中键入的内容被实时模拟，然后我就可以解析对数据库的更改。

Answer 1

输入字段上的一个简单的keyup事件还不够吗？

jQuery：

$('textarea').keyup(function() {
    $('#foo').html($(this).val());
});​

HTML：

<textarea></textarea>
<div id="foo"></div>

。

Answer 2

$('#myInputField').(function(){
      $(this).onkeyup(){
          x = this.value;
      }
});

或者更简洁地说：

$('#myInputField').onkeyup(){
    x = this.value;
});

Answer 3

您只是在该事件处理程序中查找myInputField中的值吗？像这样吗？：

$('myInputField').(function(){
  $(this).onChange(){
      x = $(this).val();
  }
});

我不记得this是不是已经是一个jQuery对象了。如果是，那么这应该是可行的，并且可能会跳过一些开销：

x = this.val();

此外，如果this曾经被不同的上下文覆盖，或者如果您还想引用其他字段，则可以使用普通的jQuery选择器显式引用该字段：

x = $('myInputField').val();