JS 如何将内容复制到剪贴板

在JavaScript中，要将文本复制到剪贴板，你可以使用navigator.clipboard.writeText()方法。这是一个简单的现代浏览器API，用于向剪贴板写入文本。

以下是使用这个API的例子：

javascript
// 要复制的文本
const textToCopy = "要复制的文本内容";

// 使用Clipboard API复制文本到剪贴板
navigator.clipboard.writeText(textToCopy).then(() => {
  console.log("文本已经成功复制到剪贴板！");
}).catch(err => {
  console.error("无法复制文本: ", err);
});

请注意，由于安全原因，现代浏览器通常要求writeText方法在由用户行为（如点击事件）触发的函数中调用。如果你尝试在非用户触发的事件中调用它（例如，在页面加载时），浏览器可能会阻止该操作。

此外，某些浏览器可能还需要页面通过HTTPS服务，而不是HTTP，才允许使用Clipboard API。

这是一个HTML按钮和JavaScript代码结合使用navigator.clipboard.writeText()方法的示例：

html
<button id="copyButton">复制文本</button>

javascript
document.getElementById('copyButton').addEventListener('click', function() {
  const textToCopy = "要复制的文本内容";
  
  navigator.clipboard.writeText(textToCopy).then(() => {
    console.log("文本已经成功复制到剪贴板！");
  }).catch(err => {
    console.error("无法复制文本: ", err);
  });
});

在这个例子中，当用户点击按钮时，textToCopy中的文本会被复制到剪贴板。