js 复制内容到剪切板

html

<p id="text">我是要复制的内容</p>
<button id="btn">复制</button>

js

const pEl=document.querySelector("#text");
const btn=document.querySelector("#btn");
btn.onclick=function (){
  const text=pEl.innerText;
  //异步 无需浏览器权限申请
  navigator.clipboard.writeText(text).then(()=>{
    console.log("copy success");
  },()=>{
    console.log("copy failed");
  });
}

只要调用navigator.clipboard.writeText(text)，就可以把内容复制到剪切板了，非常方便，现在高级浏览器也都支持了，很爽