uni-app编译H5,复制功能,兼容安卓和ios

在用uni-app写项目的时候,编译H5,复制功能没法使用uni-app自己封装的方法,特此记录!!!

            copyText(node) {
			    if (!node) {
			        return;
			    }
			    var result;
			    // 将复制内容添加到临时textarea元素中
			    var tempTextarea = document.createElement('textarea');
			    document.body.appendChild(tempTextarea);
			    if (typeof(node) == 'object') {
			        // 复制节点中内容
			        // 是否表单
			        if (node.value) {
			            tempTextarea.value = node.value;
			        } else {
			            tempTextarea.value = node.innerHTML;
			        }
			    } else {
			        // 直接复制文本
			        tempTextarea.value = node;
			    }
			    // 判断设备
			    var u = navigator.userAgent;
				console.log(u.match(/(iPhone|iPod|iPad);?/i))
			    if (u.match(/(iPhone|iPod|iPad);?/i)) {
			        // iOS
			        // 移除已选择的元素
			        window.getSelection().removeAllRanges();
			        // 创建一个Range对象
			        var range = document.createRange();
			        // 选中
			        range.selectNode(tempTextarea);
					tempTextarea.select();
			        // 执行选中元素
			        window.getSelection().addRange(range);
			        // 复制
			        result = document.execCommand('copy');
			        // 移除选中元素
			        window.getSelection().removeAllRanges();
			
			    } else {
			        // 选中    
			        tempTextarea.select();
			        // 复制
			        result = document.execCommand('Copy');
			    }
			    // 移除临时文本域
			    document.body.removeChild(tempTextarea);
			    if (result) {
					uni.showToast({
						duration:1000,
						icon:'none',
						title:"复制成功"
					})
			    } else {
					uni.showToast({
						duration:1000,
						icon:'none',
						title:"复制失败"
					})
			    }
			
			    return result;
			}

将这个方法放到methods 对象中,使用条件编译

            // #ifdef H5
		    _this.copyText('要复制的字符串');
		    // #endif

  • 1
    点赞
  • 4
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 1
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

前端喜欢研究技术

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值