uniapp复制到剪贴板（App、H5）

最新推荐文章于 2023-09-19 16:53:53 发布

朝阳群众Jone

最新推荐文章于 2023-09-19 16:53:53 发布

阅读量1.7k

点赞数 3

分类专栏： uniapp

本文链接：https://blog.csdn.net/xj932956499/article/details/109589090

版权

uniapp 专栏收录该内容

12 篇文章 5 订阅

订阅专栏

封装一个方法，在自己全局的js里，调用起来也方便

function copyTxt(txt) {//传入要复制的内容
	txt+="";
	if(txt=="null"||txt=="undefined"||txt==""){
		//toast("复制失败，内容为空");
		return;
	}
  // #ifdef APP-PLUS
  uni.setClipboardData({
      data:txt,
  });
  // #endif

  // #ifdef H5
  if (document.queryCommandSupported('copy')) {
      let textarea = document.createElement("textarea")
      textarea.value = txt
      textarea.readOnly = "readOnly"
      document.body.appendChild(textarea)
      textarea.select() // 选中文本内容
      textarea.setSelectionRange(0, txt.length) 
      let result = document.execCommand("copy") 
      textarea.remove()
      toast("复制成功");
  }else{
    toast("您的浏览器不支持复制");
  }
 
  // #endif  
}
export default {
	copyTxt,
}