如何使用JS将值从一个输入字段复制到另一个输入

Question

我有两个输入字段：

<input type="text" id="one" name="one" />
<input type="text" id="two" name="two" />

我想要一个函数，当我们在不使用Jquery的情况下单击第二个输入时自动复制第一个输入的文本

谢谢

Answer 1

执行此操作的基本方法：

<input type="text" id="one" name="one">
<input type="text" id="two" name="two" onfocus="this.value = document.getElementById('one').value">

Answer 2

要检查用户是否单击<input>元素，请向其添加事件侦听器。
然后，使用value属性获取第一个文本字段的值。

这是您的代码：

document.getElementById('two').addEventListener("click", function() {
  this.value = document.getElementById('one').value;
});

<input type="text" id="one" name="one" />
<input type="text" id="two" name="two" />

以下是现场演示：https://codepen.io/marchmello/pen/XWmezNV?editors=1010

Answer 3

这是执行此操作的示例。

var one = document.getElementById("one");
var two = document.getElementById("two");
function myFunction(){
two.value = one.value;
}

<input type="text" id="one" name="one" />
<input type="text" id="two" name="two" onfocus="myFunction()" />