在输入框后面加一个按钮实现一键复制内容

在输入框后面加一个按钮实现一键复制内容，可以使用 JavaScript 中的 Clipboard API。具体实现步骤如下：

1. 给复制按钮添加一个点击事件监听器，当按钮被点击时执行复制操作；
2. 在点击事件处理函数中，使用 Clipboard API 中的 writeText() 方法，将输入框中的文本复制到剪贴板中。

下面是一个示例代码：

<input id="input-text" type="text">
<button id="btn-copy">复制</button>

<script>
var input = document.getElementById('input-text');
var btn = document.getElementById('btn-copy');

btn.addEventListener('click', function() {
  // 将输入框中的文本复制到剪贴板中
  navigator.clipboard.writeText(input.value).then(function() {
    alert('复制成功！');
  }, function() {
    alert('复制失败！');
  });
});
</script>

在上面的示例中，我们先获取到输入框和复制按钮的 DOM 元素，然后给按钮添加了一个点击事件监听器。在点击事件处理函数中，我们使用了 Clipboard API 中的 writeText() 方法，将输入框中的文本复制到剪贴板中。同时，我们还使用了 Promise 对象来处理复制成功和失败的情况。当复制成功时，弹出一个提示框，显示“复制成功！”；当复制失败时，弹出一个提示框，显示“复制失败！”。

需要注意的是，Clipboard API 目前只支持在 HTTPS 网站上使用。如果你的网站是 HTTP 协议，就无法使用 Clipboard API。