javascript - 如何使用 javascript 对 HTML 表单进行实时更新

Question

我需要使用 javascript 实时更新 html 中的文本字段，也就是说，当用户在一个字段中输入文本时，内容会在他们输入时显示在另一个字段中。我只需要一个简短的代码片段即可做到这一点。例如，当一个人输入自己的名字时，该名字会在屏幕上的另一个位置一次输入一个字母。

Answer 1

为这两个字段分别指定一个 id，然后使用如下内容:

document.getElementById("field1").onkeyup = function() {
   document.getElementById("field2").value = this.value;   
}

它所做的只是将事件监听器绑定(bind)到 onkeyup 事件，该事件在每次释放按键时触发。在事件监听器中，它只是将接收事件的字段的值复制到由 id 指定的另一个字段。

这是一个working example .