javascript - 将 div 内容复制到文本区域 onload

Question

我正在使用一个地理定位脚本，当按下提交按钮时，该脚本会从邮政编码搜索中将经纬度内容返回到两个 div 中。当页面刷新准备好在表单上提交时，我需要将这些数字复制到文本区域。我正在尝试使用 onkeyup 事件从 div 复制到输入标签但不能与 onload 事件一起使用的脚本。我将非常感谢任何建议，请原谅我是新手。提前致谢。我的代码

HTML

<Div id="div1">
<input type="text"/id="field1" onkeyup="duplicate()" />
</Div>
<input type="text" id="field2" />

JS

function duplicate()
{
   var f1 = document.getElementById('field1');
   var f2 = document.getElementById('field2');

   f2.value = f1.value;
}

Answer 1

这个怎么样：

小提琴：http: //jsfiddle.net/6ay5y/1/

将 keyup 事件侦听器附加到第一个文本框，并使用一个将其值复制到第二个文本框的处理程序。

HTML：

<div id="div1">
    <input type="text" id="field1" />
</div>
<input type="text" id="field2" />

JavaScript：

document.getElementById('field1').addEventListener("keyup", function(){
    document.getElementById('field2').value = this.value;
});