用HBuilder和MUI实现复制链接到手机剪切板

版权声明：本文为博主原创文章，未经博主允许不得转载。 https://blog.csdn.net/jiaonizuoren/article/details/84754394

html代码如下：

<input type="text" name="" id="link" value="https://blog.csdn.net/jiaonizuoren"/>
<div class="mui-btn mui-btn-primary" type="button" onclick="copyShareUrl()"/>复制链接</div>

 js代码如下：

       // 实现一键复制链接到手机剪切板的功能
       function copyShareUrl(){
			mui.plusReady(function(){
			var copy_content = document.getElementById("link").value;
			console.log(copy_content);
			//判断设备是android还是ios
			if(mui.os.ios){ //ios
				var UIPasteboard = plus.ios.importClass("UIPasteboard");
			    var generalPasteboard = UIPasteboard.generalPasteboard();
			    //设置/获取文本内容:
			    generalPasteboard.plusCallMethod({
			        setValue:copy_content,
			        forPasteboardType: "public.utf8-plain-text"
			    });
			    generalPasteboard.plusCallMethod({
			        valueForPasteboardType: "public.utf8-plain-text"
			    });
				mui.toast("复制链接成功");  //自动消失提示框
			}else{  //android
				var context = plus.android.importClass("android.content.Context");
			  	var main = plus.android.runtimeMainActivity();
			  	var clip = main.getSystemService(context.CLIPBOARD_SERVICE);
			  	plus.android.invoke(clip,"setText",copy_content);
				mui.toast("复制链接成功");  //自动消失提示框
			}
			});
		}

效果如图：