当前位置: 主页 > 日志 > 个人日记 > 文章

uniapp 复制文本内容兼容全端

发布时间: 2021-10-19 14:48:47 作者: 王乐园 浏览次数: 300

uniapp 赋值文本内容兼容全端,App,H5,微信小程序,支付宝小程序,度小程序,字节跳动小程序,QQ小程序,快手小程序

AppH5微信小程序支付宝小程序百度小程序字节跳动小程序QQ小程序快手小程序
export const uniCopy =  ({content,success,error})=>{
	if(!content) return error('复制的内容不能为空 !')
	content = typeof content === 'string' ? content : content.toString() // 复制内容,必须字符串,数字需要转换为字符串
	/**
	 * 小程序端 和 app端的复制逻辑
	 */
	//#ifndef H5
	uni.setClipboardData({
		data: content,
		success: function() {
			success("复制成功~")
			console.log('success');
		},
		fail:function(){
			success("复制失败~")
		}
	});
	//#endif
	
	/**
	 * H5端的复制逻辑
	 */
	// #ifdef H5
	if (!document.queryCommandSupported('copy')) { //为了兼容有些浏览器 queryCommandSupported 的判断
		// 不支持
		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){
		success("复制成功~")
	}else{
		error("复制失败,请检查h5中调用该方法的方式,是不是用户点击的方式调用的,如果不是请改为用户点击的方式触发该方法,因为h5中安全性,不能js直接调用!")
	}	
	textarea.remove()
	// #endif
}

本站文章均为原创,欢迎转载,转载请以链接形式注明出处

本文地址: