uni-app开发经验分享四: 实现文字复制到选择器中

发布时间:2020-11-26 发布网站:前端之家 F2er.com
前端之家收集整理的这篇文章主要介绍了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);
				}

  

总结


以上是前端之家为你收集整理的uni-app开发经验分享四: 实现文字复制到选择器中全部内容,希望文章能够帮你解决uni-app开发经验分享四: 实现文字复制到选择器中所遇到的程序开发问题。

如果觉得前端之家网站内容还不错,欢迎将前端之家网站推荐给前端开发程序员好友。

本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。