HTML嵌入脚本无法复制'GG'到剪贴板，求原因分析与解决办法

• 剪贴板API的安全限制：navigator.clipboard.writeText()必须在用户主动触发的交互事件（比如点击、按键、触摸等）中调用，浏览器禁止非用户触发的脚本直接操作剪贴板，防止恶意网站滥用。你的代码如果是在页面加载时直接执行，就会因为违反这个限制而失败。
• 冗余代码：第一行document.getElementById("blah3");没有赋值给变量也没有后续操作，属于无效代码，不影响复制，但可以删掉。

把剪贴板操作绑定到用户交互事件上，比如按钮点击：

<!-- 先添加一个触发按钮 -->
<button id="copyBtn">复制GG到剪贴板</button>

<script>
// 绑定点击事件
document.getElementById("copyBtn").addEventListener("click", async () => {
  try {
    await navigator.clipboard.writeText("GG");
    alert("复制成功！");
  } catch (err) {
    console.error("复制失败：", err);
    // 降级方案：如果剪贴板API失败，用传统方法兼容
    const textArea = document.createElement("textarea");
    textArea.value = "GG";
    document.body.appendChild(textArea);
    textArea.select();
    document.execCommand("copy");
    document.body.removeChild(textArea);
    alert("用降级方案复制成功！");
  }
});
</script>

• 环境要求：navigator.clipboard仅支持HTTPS环境（本地开发的localhost是例外），如果是HTTP协议的网站，这个API会无法使用。
• 错误处理：添加try/catch可以捕获权限不足、浏览器不兼容等问题，同时提供降级方案提升兼容性。

内容的提问来源于stack exchange，提问作者Micklos