uni-app compiles H5, replicates functions, and is compatible with Android and ios

When writing a project with uni-app, when compiling H5, the copy function cannot use the method encapsulated by uni-app itself. This is recorded! ! !

            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;
			}

Put this method into the methods object and use conditional compilation

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

Guess you like

Origin blog.csdn.net/weixin_44546357/article/details/123502117