js/html实现复制功能

在JavaScript中实现复制功能通常涉及到选择文本并将其复制到剪贴板。以下是一个简单的HTML和JavaScript示例，展示了如何创建一个按钮来复制文本框中的文本。

HTML:

<input type="text" id="copyText" value="复制这段文本">
<button onclick="copyTextFunction()">复制文本</button>

JavaScript:

function copyTextFunction() {
  // 获取文本框的值
  var text = document.getElementById("copyText").value;
  // 创建一个临时的输入框来存储选中的文本
  var input = document.createElement("input");
  input.value = text;
  document.body.appendChild(input);
  // 选中临时输入框的文本
  input.select();
  // 复制选中的文本到剪贴板
  document.execCommand("copy");
  // 移除临时输入框
  document.body.removeChild(input);
  // 可以添加一些用户反馈，比如弹窗提示复制成功
  alert("文本已复制到剪贴板！");
}

这段代码定义了一个函数copyTextFunction，当按钮被点击时，会将指定文本框（id为copyText）中的文本复制到剪贴板。在复制操作完成后，会弹出一个提示框告知用户复制成功。