如何使用javascript在单击时将html表单字段值复制到另一个字段？

朋友们，我该怎么做？我有三个输入字段

 <input name="firstname" type="text" class="text" id="firstname" value="" />
 <input name="lastname" type="text" class="text" id="lastname" value="" />
 <input name="displayname" type="text" class="text" id="displayname" value="" />

---

我想这样做。在用户输入first name和lastname，然后单击display name字段后，应使用值“firstname lastname”填充该字段，如何使用javascript进行操作？

在displayname元素上添加onclick或keypress事件，并使用函数-

var fullName = document.getElementById('displayname');
var firstName = document.getElementById('firstName');
var lastName = document.getElementById('lastName');
fullName.value = firstName.value + ' ' + lastName.value;

function populateDisplayName(){
    var firstName = document.getElementById('firstname');
    var lastName = document.getElementById('lastname');
    document.getElementById('displayname').value = firstName.value + ' ' + lastName.value;
}

---

需要将上述代码放入函数中，并将该函数附加到displayname输入文本框的onclick事件中。