如何利用JavaScript复制输入框（input）的内容？

在JavaScript中，我们可以使用DOM（文档对象模型）来访问和操作HTML元素，以下是一个简单的示例，演示如何复制一个输入框（<input>到另一个输入框。

步骤

1、获取输入框元素：我们需要通过document.getElementById()或document.querySelector()等方法获取输入框元素。

2、读取输入框的值：使用value属性来读取输入框中的文本。

3、将值设置到另一个输入框：再次使用value属性将读取到的文本设置到另一个输入框。

代码示例

<! HTML结构 >
<input type="text" id="input1" placeholder="输入内容">
<button onclick="copyInput()">复制</button>
<input type="text" id="input2" placeholder="复制的内容会显示在这里">

// JavaScript代码
function copyInput() {
    // 获取第一个输入框的元素
    var input1 = document.getElementById('input1');
    // 获取第二个输入框的元素
    var input2 = document.getElementById('input2');
    
    // 将第一个输入框的值复制到第二个输入框
    input2.value = input1.value;
}

相关问题与解答

问题1: 如何在用户点击按钮时自动复制输入框的内容？

答案：在上面的示例中，我们已经实现了这个功能，当用户点击带有onclick="copyInput()"属性的按钮时，copyInput()函数会被调用，从而执行复制操作。

问题2: 如果我想在用户每次更改输入框内容时都自动复制到另一个输入框，应该怎么做？

答案：你可以使用input事件监听器来实现这个功能，每当输入框的内容发生变化时，都会触发input事件，你可以在事件处理函数中进行复制操作，以下是一个示例：

// JavaScript代码
function autoCopyInput() {
    // 获取第一个输入框的元素
    var input1 = document.getElementById('input1');
    // 获取第二个输入框的元素
    var input2 = document.getElementById('input2');
    
    // 为第一个输入框添加事件监听器
    input1.addEventListener('input', function() {
        // 将第一个输入框的值复制到第二个输入框
        input2.value = input1.value;
    });
}
// 调用函数以初始化事件监听器
autoCopyInput();