js如何将内容添加到剪切板？

话不多说，直接上代码

方式1:

使用： document.execCommand
注意：即将被弃用了

copyToClip(content,tips) {
      console.log("复制的内容", content,'复制成功后的提示文本',tips);
      var ele = document.createElement("input"); //创建一个input标签
      ele.setAttribute("value", content); // 设置改input的value值
      document.body.appendChild(ele); // 将input添加到body
      ele.select();  // 获取input的文本内容
      document.execCommand("copy"); // 执行copy指令
      document.body.removeChild(ele); // 删除input标签
      if(tips == null){ // 显示复制成功之后的提示文本
		alert('已将内容复制到剪切板')
	 }else{
		alert(tips)
	}
 }

方式2:

使用：Clipboard
【Clipboard API 】 可用于实现剪切、复制和粘贴功能。

• 如果用户没有适时使用 Permissions API 授予相应权限和"clipboard-read"或 "clipboard-write"权限，调用Clipboard对象的方法不会成功。

• 所有剪贴板API 方法都是异步的；它们返回一个 Promise 对象，在剪贴板访问完成后被执行。如果剪贴板访问被拒绝，promise 也会被拒绝

注意：系统剪贴板暴露于全局属性 Navigator.clipboard之中

copyToClip(content,tips) {
	if (navigator.clipboard && window.isSecureContext) {
		navigator.clipboard.writeText(content).then(
			// 复制成功callback
			function(){
				if(tips == null){
					alert("复制成功");
				}else{
					alert(tips);
				}
			},
			// 复制失败callback
			function(){
				alert("复制失败");
			},
		)
	}
 }