浏览器设置内容写入剪切板:Navigator.clipboard

NO.1
web api

navigator.clipboard

官方文档:https://developer.mozilla.org/en-US/docs/Web/API/Navigator/clipboard

NO.2
写入html

代码示例

html元素

<div id="target" style="color:red">test</div>

写入剪切板

var temp = document.getElementById("target").outerHTML;
const type = "text/html";
const blob = new Blob([temp], { type });
const data = [new window.ClipboardItem({ [type]: blob })];
navigator.clipboard.write(data).then(
  () => {
    alert("已复制到剪切板");
  },
  (err) => {
    /* failure */
    alert("复制错误");
    console.log(`err`, err);
  }
);

复制纯文本格式

const type = "text/plain";
NO.3
Tips

.需要在https下使用

END.