PHP群:95885625 Hbuilder+MUI群:81989597 站长QQ:634381967
    您现在的位置: 首页 > 开发编程 > HBuilderX教程 > 正文

    uni-app开发实现文字复制到选择器中

    作者:admin来源:网络浏览:时间:2020-10-06 11:14:49我要评论
    导读:这里分享一个uni-app用来复制文字内容,具体代码如下:
    这里分享一个用来复制文字内容,具体代码如下:

    1. var that=this
    2. if(!document){ 
    3.     uni.setClipboardData({ 
    4.       data:复制的值, 
    5.       success:function(){ 
    6.         uni.showToast({ 
    7.             icon:"none"
    8.             title: '复制成功!'
    9.             duration: 2000 
    10.         }); 
    11.       } 
    12.     }) 
    13. }else
    14.     var textarea = document.createElement('textarea'); 
    15.     //为textarea节点添加style属性 
    16.     textarea.setAttribute('style','position:fixed;top:0;left:0;opacity:0;z-index:-10;'); 
    17.     //把要复制的文本添加到textarea节点中 
    18.     var text=document.createTextNode(复制的值); 
    19.     textarea.appendChild(text); 
    20.     //把textarea节点添加到body节点中 
    21.     document.body.appendChild(textarea); 
    22.     //选中textarea节点的文本内容 
    23.     textarea.select(); 
    24.     //执行复制命令 
    25.     if(document.execCommand('copy')){ 
    26.        uni.showToast({ 
    27.         icon:"none"
    28.         title: '复制成功!'
    29.         duration: 2000 
    30.        }); 
    31.     }else
    32.         uni.showToast({ 
    33.             icon:"none"
    34.             title: '复制失败!'
    35.             duration: 2000 
    36.         }); 
    37.     } 
    38.     //复制完成后从body节点删除textarea节点 
    39.     document.body.removeChild(textarea); 

     

    转载请注明(B5教程网)原文链接:https://b5.mxunkeji.com/content-146-6352-1.html