uni-copy.js 1.3 KB

123456789101112131415161718192021222324252627282930313233343536373839404142
  1. export default function uniCopy({content,success,error}) {
  2. if(!content) return error('复制的内容不能为空 !')
  3. content = typeof content === 'string' ? content : content.toString() // 复制内容,必须字符串,数字需要转换为字符串
  4. /**
  5. * 小程序端 和 app端的复制逻辑
  6. */
  7. //#ifndef H5
  8. uni.setClipboardData({
  9. data: content,
  10. success: function() {
  11. success("复制成功~")
  12. console.log('success');
  13. },
  14. fail:function(){
  15. success("复制失败~")
  16. }
  17. });
  18. //#endif
  19. /**
  20. * H5端的复制逻辑
  21. */
  22. // #ifdef H5
  23. if (!document.queryCommandSupported('copy')) { //为了兼容有些浏览器 queryCommandSupported 的判断
  24. // 不支持
  25. error('浏览器不支持')
  26. }
  27. let textarea = document.createElement("textarea")
  28. textarea.value = content
  29. textarea.readOnly = "readOnly"
  30. document.body.appendChild(textarea)
  31. textarea.select() // 选择对象
  32. textarea.setSelectionRange(0, content.length) //核心
  33. let result = document.execCommand("copy") // 执行浏览器复制命令
  34. if(result){
  35. success("复制成功~")
  36. }else{
  37. error("复制失败,请检查h5中调用该方法的方式,是不是用户点击的方式调用的,如果不是请改为用户点击的方式触发该方法,因为h5中安全性,不能js直接调用!")
  38. }
  39. textarea.remove()
  40. // #endif
  41. }