如何将值从一个输入字段复制到另一个答案

【问题标题】：How to Copy Value from one Input Field to Another如何将值从一个输入字段复制到另一个
【发布时间】：2014-03-25 21:18:38
【问题描述】：

我有两个输入字段：

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

我想让它使输入到 id 1 中的任何内容都会自动放入 id 2 中。

关于如何做到这一点的任何想法？可能需要 javascript？

【问题讨论】：

“可能需要 javascript？” 绝对需要 JavaScript。试过了吗？
不，我还没有尝试过任何东西。我什至不知道如何开始哈哈。我不是最好的 javascript :P

标签： javascript html input

【解决方案1】：

只需向源textfield 注册一个input 偶数处理程序并将值复制到目标textfield。

window.onload = function() {
    var src = document.getElementById("one"),
        dst = document.getElementById("two");
    src.addEventListener('input', function() {
        dst.value = src.value;
    });
};

// jQuery implementation

$(function () {
    var $src = $('#three'),
        $dst = $('#four');
    $src.on('input', function () {
        $dst.val($src.val());
    });
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.10.1/jquery.min.js">
</script>

<strong> With vanilla JavaScript</strong>
<br />
<input type="text" id="one" name="one" />
<input type="text" id="two" name="two" />

<br />
<br />

<strong>With jQuery</strong>
<br />
<input type="text" id="three" name="three" />
<input type="text" id="four" name="four" />

Fiddle

【讨论】：

为什么要用 jquery 来完成这个简单的任务？
@Filip Haglund 同意 jQuery 不在 OPs 问题中，答案应该只有 JavaScript 实现。我已经编辑了答案以反映这一点。
P.S.你不需要 keyup="mimic(this);"
我知道。它是之前遗留下来的。现已删除。
我知道你知道，但这会给年轻开发者带来一些困惑:) 现在没关系了。

【解决方案2】：

    $( "#one" ).dblclick(function() {
         copyInputValue()
     });


    function copyInputValue() {

        let text1 = document.getElementById('two').value;        
        document.getElementById('one').value = text1;
         
    }

【讨论】：

我通常不反对纯代码答案，但是您的答案使用了 jQuery 库中的函数，而没有解释需要加载该库才能使您的答案正常工作。请添加更多解释或删除它，因为它被标记为低质量。