使用js写一个能够复制其中文字的弹出框

你可以使用如下的 JavaScript 代码实现一个可以复制其中文字的弹出框：

<!-- 在 HTML 中添加一个文本框 -->
<input type="text" id="text-to-copy" value="这是一段可以复制的文本。" readonly>

<!-- 添加一个按钮，当点击时触发复制操作 -->
<button onclick="copyText()">复制文本</button>

<script>
function copyText() {
  // 获取文本框的值
  const textToCopy = document.querySelector('#text-to-copy');
  const text = textToCopy.value;

  // 创建一个临时的 textarea 元素，并将文本添加到其中
  const textarea = document.createElement('textarea');
  textarea.textContent = text;

  // 将 textarea 元素添加到页面中，并选中其中的文本
  document.body.appendChild(textarea);
  textarea.select();

  // 执行浏览器的复制命令，并在完成后将 textarea 元素删除
  document.execCommand('copy');
  document.body.removeChild(textarea);

  // 弹出复制成功的提示框
  alert('已复制文本：' + text);
}
</script>

这段代码通过创建一个临时的 textarea 元素，并将要复制的文本添加到其中。然后将该元素添加到页面中，并选中其中的文本。接着执行浏览器的复制命令，完成后再将该元素删除。最后弹出一个提示框，告知用户复制成功。

你可以将文本框的 `value` 属性替换为你想要复制的文本。