在JavaScript中，如果你想在用户点击按钮时复制一个input元素的value，你可以使用几种不同的方法。以下是一些常用的方法：

方法1：使用input.select()和document.execCommand('copy')

这种方法适用于大多数现代浏览器，但不是所有浏览器都支持document.execCommand('copy')。

<input type="text" id="inputToCopy" value="这是要复制的文本">
<button onclick="copyText()">复制</button>

<script>
function copyText() {
  var input = document.getElementById('inputToCopy');
  input.select();
  document.execCommand('copy');
  alert('文本已复制');
}
</script>

方法2：使用navigator.clipboard.writeText()

这是推荐的方法，因为它更现代，也更安全。navigator.clipboard.writeText()允许你异步复制文本到剪贴板。

<input type="text" id="inputToCopy" value="这是要复制的文本">
<button onclick="copyTextAsync()">复制</button>

<script>
async function copyTextAsync() {
  var input = document.getElementById('inputToCopy');
  try {
    await navigator.clipboard.writeText(input.value);
    alert('文本已复制');
  } catch (err) {
    console.error('复制失败: ', err);
  }
}
</script>

方法3：使用临时元素（适用于不支持navigator.clipboard的旧浏览器）

如果你需要支持旧浏览器，你可以创建一个临时的输入元素，并将其值设置为要复制的文本，然后选择并复制它。之后，可以删除这个临时元素。

<input type="text" id="inputToCopy" value="这是要复制的文本">
<button onclick="copyTextOldBrowser()">复制</button>

<script>
function copyTextOldBrowser() {
  var input = document.getElementById('inputToCopy');
  var tempInput = document.createElement("input"); // 创建一个临时输入元素
  tempInput.style = "position: absolute; left: -9999px"; // 隐藏输入元素
  document.body.appendChild(tempInput); // 将输入元素添加到文档中
  tempInput.value = input.value; // 设置临时输入元素的值
  tempInput.select(); // 选择输入元素中的文本
  document.execCommand('copy'); // 复制文本到剪贴板
  document.body.removeChild(tempInput); // 删除临时输入元素
  alert('文本已复制');
}
</script>

注意事项：

• 确保在调用navigator.clipboard.writeText()时，你的网站是通过HTTPS提供的，因为大多数现代浏览器要求这样做。

• 对于不支持navigator.clipboard的旧浏览器，可以考虑使用第一种方法或者提供一个回退方案。

• 使用异步函数时，记得将函数声明为async。这在你调用await关键字时是必需的。