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

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

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

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

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

或者更简洁地说：

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

或者更简洁地说：

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

---

您只是在该事件处理程序中查找

myInputField

中的值？像这样的

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

如果

这个

已经是jQuery对象，我就记不得了。如果是，那么这应该可以工作，也许可以略过一点开销：

x = this.val();

此外，如果

此

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

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

---

您只是在该事件处理程序中查找

myInputField

中的值？像这样的

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

如果

这个

已经是jQuery对象，我就记不得了。如果是，那么这应该可以工作，也许可以略过一点开销：

x = this.val();

此外，如果

此

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

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

---

输入字段上的一个简单的键控事件就足够了吗

jQuery：

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

HTML:

---

输入字段上的一个简单的键控事件就足够了吗

jQuery：

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

HTML:

---

问题是，在IE上，

onchange

事件对输入元素不起作用。因此，您必须根据需要使用

onkeypress

或

onblur

事件

JS方式：

document.getElementById('myInputField').onblur = function() {
    var x = this.value
}

jQuery方式：

$('#myInputField').blur(function() {
    var x = this.value
})

---

问题是，在IE上，

onchange

事件对输入元素不起作用。因此，您必须根据需要使用

onkeypress

或

onblur

事件

JS方式：

document.getElementById('myInputField').onblur = function() {
    var x = this.value
}

jQuery方式：

$('#myInputField').blur(function() {
    var x = this.value
})

---

var x=$（this）.val（）

将用输入值填充x。

var x=$（this）.val（）

将用输入值填充x。

this

不是jQuery对象，这就是人们使用

$（this）

：）的原因。但是您可以使用

var x=this.value

。不要忘记

var

关键字，否则您的变量将是全局变量。@FlorianMargaine:我想我假设

x

是根据这个问题在其他地方定义的。好信息添加，虽然

此

不是jQuery对象，这就是人们使用

$（此）

：）的原因。但是您可以使用

var x=this.value

。不要忘记

var

关键字，否则您的变量将是全局变量。@FlorianMargaine:我想我假设

x

是根据这个问题在其他地方定义的。好信息添加，虽然！完美，每个人都提供了很好的示例，但是我非常喜欢使用.html和.val来代替创建js变量。完美，每个人都提供了很好的示例，但是我非常喜欢使用.html和.val来代替创建js变量。