• 设为首页
  • 加入收藏
  • 我要投稿
  • 联系站长
  • 网站模板技术交流
当前位置:模板网首页 > 建站教程 > DCloud,APICloud >  mui APP复制粘贴,Nativ正文

mui APP复制粘贴,Native.js复制粘贴

作者:网页模板
类型:文章教程
点击次数:
发布时间:2018-01-22 19:15
分享到:
    mui APP复制粘贴,Native.js复制粘贴,下面的代码经过测试,完美运行,并且兼容性也不错:
/**
 * @description 获取剪贴板内容 (粘贴)
 */
function getClipbordText() {
    if(!window.plus) return;
    if(mui.os.android) {
        var Context = plus.android.importClass("android.content.Context");
        var main = plus.android.runtimeMainActivity();
        var clip = main.getSystemService(Context.CLIPBOARD_SERVICE);
        return plus.android.invoke(clip, "getText");
    } else {
        var UIPasteboard = plus.ios.importClass("UIPasteboard");
        var generalPasteboard = UIPasteboard.generalPasteboard();
        // 设置/获取文本内容:
        //generalPasteboard.setValueforPasteboardType("testValue", "public.utf8-plain-text");
        //var _val = generalPasteboard.valueForPasteboardType("public.utf8-plain-text");
        //TODO 应用在后台的时候获取剪切版数据被系统限制了,只有在app内才能访问接口
        var _val=generalPasteboard.plusCallMethod({valueForPasteboardType:"public.utf8-plain-text"});
        console.log("ios复制返回的数据是:",_val); 
        return _val || '';
    }
}

/**
 * @description 设置剪贴板内容(复制)  
 */
function setClipbordText(txt) {
    if(!window.plus) return;
    if(mui.os.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",txt);
    } else {
        var UIPasteboard  = plus.ios.importClass("UIPasteboard");
		var generalPasteboard = UIPasteboard.generalPasteboard();
		generalPasteboard.setValueforPasteboardType(txt,"public.utf8-plain-text");
    }
}
使用方法:
//点击btn1按钮复制div里面的内容到剪贴板
document.querySelector('#btn1').onclick = function(){
	var txt = document.querySelector('#div').innerText;
	setClipbordText(txt);
}
//粘贴剪贴板内容到p里面
document.querySelector('#btn2').onclick = function(){
	var txt2 = getClipbordText();
	document.querySelector('#p').innerText = txt2;
}
(责任编辑:网页模板)
  • 本文标签:
  • mui APP复制粘贴,Native.js复制粘贴
mui IOS提交APP STORE不通过:RN权限提示框修改
利用MUI+个推+php实现APP消息推送