JavaScript剪贴板复制异常：移除alert后无法复制直接关窗

核心原因是navigator.clipboard.writeText是异步操作：移除alert后，closeWindow()会立即执行，此时浏览器还没完成剪贴板写入就终止了窗口进程，导致复制中断，且进程直接关闭不会触发catch分支。而alert的作用是阻塞JS执行线程，给了浏览器足够时间完成剪贴板写入，所以之前能正常工作。

解决方案 #

通过延后窗口关闭操作，给浏览器留出完成剪贴板写入的时间，以下两种方式都可行：

方案1：添加短延迟（简单直接）

let dataName = "String"
navigator.clipboard
  .writeText(dataName)
  .then(() => {
    // 给浏览器100ms完成剪贴板写入，时间可按需微调
    setTimeout(() => closeWindow(), 100);
  })
  .catch(() => {
    alert("复制失败");
    closeWindow();
  });

方案2：使用requestAnimationFrame（更贴合浏览器机制）

let dataName = "String"
navigator.clipboard
  .writeText(dataName)
  .then(() => {
    // 等待当前渲染周期结束，确保剪贴板操作完成
    requestAnimationFrame(() => closeWindow());
  })
  .catch(() => {
    alert("复制失败");
    closeWindow();
  });

requestAnimationFrame会在浏览器下一次重绘前执行回调，比固定延迟更可靠，能确保剪贴板的异步写入操作在窗口关闭前完成。

内容的提问来源于stack exchange，提问作者Thomas Utin Bickel