如何捕获navigator.clipboard.writeText异常？求兼容复制链接方案

一、修复异常捕获逻辑 #

你的代码无法捕获异常的核心原因有两个：

1. navigator.clipboard.writeText是异步Promise操作，你直接同步调用后就进入try/catch，根本没等待Promise完成，自然捕获不到异步抛出的错误
2. navigator.clipboard.value是不存在的属性，这个错误判断逻辑导致你误以为复制成功，实际上复制可能已经失败

修改后的代码可以正确捕获异常，包括你遇到的Document is not focused错误：

let shareProjectBtn = document.getElementById("share-project-btn");
async function copyCurrentURL() {
  try {
    // 先确保文档获取焦点，避免部分浏览器的焦点限制
    document.activeElement?.blur();
    document.body.focus();
    
    await navigator.clipboard.writeText(window.location.href);
    alert("Project's link copied to clipboard");
  } catch (error) {
    // 捕获所有复制失败的情况，包括焦点问题、权限问题等
    window.prompt("Your browser can't copy the link, please copy this link manually", window.location.href);
  }
}

// 绑定点击事件（必须在用户交互上下文里调用剪贴板API，这是浏览器安全要求）
shareProjectBtn.addEventListener('click', copyCurrentURL);

说明：

• 用async/await等待剪贴板操作完成，确保异常能被try/catch捕获
• 增加了焦点处理，提前让body获取焦点，减少Document is not focused错误的出现概率
• 移除了错误的navigator.clipboard.value判断，直接在await成功后提示复制完成

二、最具兼容性的复制方案 #

如果要覆盖更多浏览器（包括不支持navigator.clipboard的旧版浏览器），可以使用**隐藏textarea+execCommand('copy')**的传统方案，这个方法兼容性几乎覆盖所有现代和旧版浏览器：

let shareProjectBtn = document.getElementById("share-project-btn");
function copyCurrentURL() {
  // 创建隐藏的textarea元素
  const textarea = document.createElement('textarea');
  textarea.value = window.location.href;
  textarea.style.position = 'absolute';
  textarea.style.opacity = '0';
  textarea.style.pointerEvents = 'none';
  document.body.appendChild(textarea);

  try {
    // 选中textarea内容并执行复制
    textarea.select();
    document.execCommand('copy');
    alert("Project's link copied to clipboard");
  } catch (error) {
    window.prompt("Your browser can't copy the link, please copy this link manually", window.location.href);
  } finally {
    // 无论成功失败，都移除textarea
    document.body.removeChild(textarea);
  }
}

shareProjectBtn.addEventListener('click', copyCurrentURL);

这个方案不需要依赖Promise，也不受剪贴板API的焦点/权限限制，唯一的缺点是会短暂创建一个DOM元素，但对用户无感知。

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