当前位置:   article > 正文

uniapp复制到剪贴板(App、H5)_uniapp复制剪切板 h5

uniapp复制剪切板 h5

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

  1. function copyTxt(txt) {//传入要复制的内容
  2. txt+="";
  3. if(txt=="null"||txt=="undefined"||txt==""){
  4. //toast("复制失败,内容为空");
  5. return;
  6. }
  7. // #ifdef APP-PLUS
  8. uni.setClipboardData({
  9. data:txt,
  10. });
  11. // #endif
  12. // #ifdef H5
  13. if (document.queryCommandSupported('copy')) {
  14. let textarea = document.createElement("textarea")
  15. textarea.value = txt
  16. textarea.readOnly = "readOnly"
  17. document.body.appendChild(textarea)
  18. textarea.select() // 选中文本内容
  19. textarea.setSelectionRange(0, txt.length)
  20. let result = document.execCommand("copy")
  21. textarea.remove()
  22. toast("复制成功");
  23. }else{
  24. toast("您的浏览器不支持复制");
  25. }
  26. // #endif
  27. }
  28. export default {
  29. copyTxt,
  30. }

 

声明:本文内容由网友自发贡献,不代表【wpsshop博客】立场,版权归原作者所有,本站不承担相应法律责任。如您发现有侵权的内容,请联系我们。转载请注明出处:https://www.wpsshop.cn/w/凡人多烦事01/article/detail/325406
推荐阅读
相关标签
  

闽ICP备14008679号