zoukankan      html  css  js  c++  java
  • uni-app开发经验分享四: 实现文字复制到选择器中

    这里分享一个我经常用到的一个方法,主要是用来复制文字内容,具体代码如下:

                       var that=this;
    				if(!document){
    					uni.setClipboardData({
    					  data:复制的值,
    					  success:function(){
    						uni.showToast({
    							icon:"none",
    							title: '复制成功!',
    							duration: 2000
    						});
    					  }
    					})
    				}else{
    					var textarea = document.createElement('textarea');
    					//为textarea节点添加style属性
    					textarea.setAttribute('style','position:fixed;top:0;left:0;opacity:0;z-index:-10;');
    					//把要复制的文本添加到textarea节点中
    					var text=document.createTextNode(复制的值);
    					textarea.appendChild(text);
    					//把textarea节点添加到body节点中
    					document.body.appendChild(textarea);
    					//选中textarea节点的文本内容
    					textarea.select();
    					//执行复制命令
    					if(document.execCommand('copy')){
    					   uni.showToast({
    					   	icon:"none",
    					   	title: '复制成功!',
    					   	duration: 2000
    					   });
    					}else{
    					    uni.showToast({
    					    	icon:"none",
    					    	title: '复制失败!',
    					    	duration: 2000
    					    });
    					}
    					//复制完成后从body节点删除textarea节点
    					document.body.removeChild(textarea);
    				}
    

      

  • 相关阅读:
    i++ 与++i
    jquery下的domcument
    jquery
    MVC MVP MVVM
    两个for还是一个for?
    华为云服务器FTP连接
    vue-i18n 使用方法
    在本地运行vue build 文件
    vue项目中使用模拟数据 MOCK
    超简单 超详细 vue项目中使用svg图标 阿里巴巴图标库
  • 原文地址:https://www.cnblogs.com/smileZAZ/p/13730266.html
Copyright © 2011-2022 走看看