JS函数中navigator.clipboard.writeText未执行直接运行window.open怎么办

navigator.clipboard.writeText 是异步API，调用后会返回Promise，实际的剪贴板写入操作是在微任务队列里执行的。你当前的代码是同步触发写入后立刻执行window.open，新窗口打开后原页面立刻失去焦点，而浏览器的安全策略要求：剪贴板写入操作执行时，发起操作的页面必须处于用户聚焦的活跃状态，失焦后未完成的写入操作会被直接中断，导致复制失效。
另外补充两个容易忽略的触发前提：

• 非HTTPS环境（本地localhost调试除外）下，Clipboard API会被浏览器默认禁用
• 如果用户没有给站点授予剪贴板写入权限，调用也会失败，但这类场景下就算去掉window.open复制也不会生效，和你当前遇到的场景不符

核心逻辑是等剪贴板写入操作完成后，再触发新窗口打开，因为等待时间极短，不会被浏览器判定为非用户触发的弹窗拦截。
推荐用async/await写法，逻辑最清晰：

<button onclick="openurl()">Openurlbutton</button>
<script>
async function openurl(){
  try {
    // 等待复制完成
    await navigator.clipboard.writeText("TextToCopy");
    // 复制成功后再打开新窗口
    window.open('你的目标url');
  } catch (err) {
    // 捕获复制失败的异常，比如权限不足、API不支持
    console.error('剪贴板写入失败:', err);
    // 可根据业务需求决定复制失败时是否还要打开新窗口
    window.open('你的目标url');
  }
}
</script>

如果不想用async语法，也可以用Promise的then链式调用：

function openurl(){
  navigator.clipboard.writeText("TextToCopy")
    .then(() => {
      window.open('你的目标url');
    })
    .catch(err => {
      console.error('剪贴板写入失败:', err);
      window.open('你的目标url');
    })
}

• 你原来的按钮onclick属性值没加引号，虽然多数浏览器能兼容解析，但遇到参数带特殊字符时容易出现语法错误，建议统一给属性值加双引号，写成onclick="openurl()"的规范格式
• 如果需要兼容IE等极老旧浏览器，可以降级使用document.execCommand('copy')的传统复制方案，主流现代浏览器直接用原生Clipboard API即可

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