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",duration: 2000
					   });
					}else{
					    uni.showToast({
					    	icon:"none",title: '复制失败!',duration: 2000
					    });
					}
					//复制完成后从body节点删除textarea节点
					document.body.removeChild(textarea);
				}

  

相关文章

文章浏览阅读52次。1.0.0版本 只需修改API接口即可 接口位置...
文章浏览阅读820次。在uni-app和vue3中,我们可以封装全局函...
文章浏览阅读671次,点赞22次,收藏6次。整理在Uniapp应用开...
文章浏览阅读122次。【代码】Uniapp Vue3 父组件给子组件传值...
文章浏览阅读765次。包括数据绑定和计算属性、条件渲染和列表...
文章浏览阅读129次。Uniapp 底部导航栏 自定义 tabBar 全端 ...