JS将制定内容复制到剪切板示例代码


在JavaScript中,你可以使用`navigator.clipboard.writeText()`方法将文本复制到剪贴板。不过,请注意,这个方法可能需要在用户交互(如点击事件)的上下文中调用,并且可能受到浏览器策略的限制,特别是在没有用户交互的情况下。

以下是一个简单的示例,展示了如何在用户点击按钮时将文本复制到剪贴板:


<!DOCTYPE html>
<html>
<body>

<button onclick="copyToClipboard('Hello, world!')">复制文本到剪贴板</button>

<script>
async function copyToClipboard(text) {
  try {
    await navigator.clipboard.writeText(text);
    alert('文本已复制到剪贴板');
  } catch (err) {
    console.error('复制失败: ', err);
  }
}
</script>

</body>
</html>

在这个示例中,当用户点击按钮时,会触发`copyToClipboard`函数,该函数尝试使用`navigator.clipboard.writeText()`方法将指定的文本复制到剪贴板。如果操作成功,会显示一个警告框通知用户。如果失败(可能是因为浏览器策略或权限问题),则会在控制台中打印错误信息。

请注意,由于安全和隐私的考虑,某些浏览器可能不允许在没有用户交互的情况下访问剪贴板,或者可能要求网站具有特定的权限才能执行此操作。因此,确保你的应用在用户交互的上下文中使用此功能是很重要的。