欢迎光临八叔引擎之家,本站所有资源仅供学习与参考,禁止用于商业用途或从事违法行为!

八叔引擎之家

uni-app API setClipboardData 复制内容不支持H5解决方案
站长手记 2021-01-26

最近在使用uni-app混合开发APP时,在H5下复制内容报错 API `setClipboardData` is not yet implemented,经过不断找资料终于找到了uniapp 复制内容不支持H5解决方案。


该方法可同时支持多端复制内容(具体使用方法就不赘述):

setClipboard() {
	let content = this.info.nickname;
	content = typeof content === 'string' ? content : content.toString()
	//#ifndef H5
	uni.setClipboardData({
		data: content,
		success: function() {
			uni.showToast({
				title: '复制成功!',
				duration:2000
			});
		},
		fail:function(){
			uni.showToast({
				title: '复制失败,请重新尝试!',
				icon:"none",
				duration:2000
			});
		}
	});
	//#endif

	// #ifdef H5
	if(!document.queryCommandSupported('copy')){
		error('浏览器不支持')
	}
	let textarea = document.createElement("textarea")
	textarea.value = content
	textarea.readOnly = "readOnly"
	document.body.appendChild(textarea)
	textarea.select() // 选择对象
	textarea.setSelectionRange(0, content.length) //核心
	let result = document.execCommand("copy") // 执行浏览器复制命令
	if(result){
		uni.showToast({
			title: '复制成功!',
			duration:2000
		});
	}	
	textarea.remove()
	// #endif
}


本文链接:http://www.viiis.cn/news/show_23632.html

本站采用系统自动发货方式,付款后即出现下载入口,如有疑问请咨询在线客服!

售后时间:早10点 - 晚11:30点

咨询售后客服

服务热线 19970861797
服务热线 19970861797服务热线 19970861797
手机二维码
返回顶部
返回顶部返回顶部