javascript案例点击按钮实现复制内容

可以使用以下代码实现点击按钮后复制内容到剪贴板：

HTML代码：

<button id="copy-button" onclick="copyToClipboard()">复制内容</button>
<input type="text" id="copy-input" value="要复制的内容" style="display:none">

JavaScript代码：

function copyToClipboard() {
  var copyText = document.getElementById("copy-input");
  copyText.select();
  document.execCommand("copy");
  alert("已复制到剪贴板！");
}

具体实现方法如下：

1. 在 HTML 中添加一个按钮和一个隐藏的输入框，输入框中存放要复制的内容。

2. 在 JavaScript 中定义一个名为 `copyToClipboard` 的函数，在该函数中：

- 获取输入框元素并选中其中的文本；

- 使用 `document.execCommand("copy")` 方法将选中的文本复制到剪贴板；

- 弹出提示框告知用户已复制成功。

3. 在按钮元素中添加 `onclick` 属性，使其在点击时调用 `copyToClipboard` 函数即可。