javascript - 从一个地方复制输入并将其用作变量或在另一个区域使用 onclick

Question

我想弄清楚如何从其中一个输入框中获取值并将它们复制到另一个输入框中。此操作在我正在处理的另一个项目中非常有用，但我似乎可以让它工作。我做错了什么？

http://jsfiddle.net/qBFAe/

HTML

Field1: <input type="text" id="field1" />
<br />
Field2: <input type="text" id="field2" />
<br /><br />
Click the button to copy the content of Field1 to Field2.
<br />
<button id="convert">Copy Text</button>

JS

var converter = document.getElementById("convert");
var ff2 = document.getElementById('field2');
var ff1 = document.getElementById('field1');
convert.onclick = fillFun();

function fillFun(){
ff2.value=ff1.value;

}

Answer 1

您必须在加载元素后在 window.onload 事件中执行此操作，并正确地将函数指定为事件处理程序(不带括号)。固定代码:

var ff2 = null;
var ff1 = null;

window.onload = function() {
    ff2 = document.getElementById('field2');
    ff1 = document.getElementById('field1');
    var converter = document.getElementById("convert");
    converter.onclick = fillFun;
};


function fillFun(){
    ff2.value = ff1.value;
}

Updated jsFiddle .