IT数码 购物 网址 头条 软件 日历 阅读 图书馆
TxT小说阅读器
↓语音阅读,小说下载,古典文学↓
图片批量下载器
↓批量下载图片,美女图库↓
图片自动播放器
↓图片自动播放器↓
一键清除垃圾
↓轻轻一点,清除系统垃圾↓
开发: C++知识库 Java知识库 JavaScript Python PHP知识库 人工智能 区块链 大数据 移动开发 嵌入式 开发工具 数据结构与算法 开发测试 游戏开发 网络协议 系统运维
教程: HTML教程 CSS教程 JavaScript教程 Go语言教程 JQuery教程 VUE教程 VUE3教程 Bootstrap教程 SQL数据库教程 C语言教程 C++教程 Java教程 Python教程 Python3教程 C#教程
数码: 电脑 笔记本 显卡 显示器 固态硬盘 硬盘 耳机 手机 iphone vivo oppo 小米 华为 单反 装机 图拉丁
 
   -> 移动开发 -> uni-app编译H5,复制功能,兼容安卓和ios -> 正文阅读

[移动开发]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

  移动开发 最新文章
Vue3装载axios和element-ui
android adb cmd
【xcode】Xcode常用快捷键与技巧
Android开发中的线程池使用
Java 和 Android 的 Base64
Android 测试文字编码格式
微信小程序支付
安卓权限记录
知乎之自动养号
【Android Jetpack】DataStore
上一篇文章      下一篇文章      查看所有文章
加:2022-03-16 22:32:50  更:2022-03-16 22:32:52 
 
开发: C++知识库 Java知识库 JavaScript Python PHP知识库 人工智能 区块链 大数据 移动开发 嵌入式 开发工具 数据结构与算法 开发测试 游戏开发 网络协议 系统运维
教程: HTML教程 CSS教程 JavaScript教程 Go语言教程 JQuery教程 VUE教程 VUE3教程 Bootstrap教程 SQL数据库教程 C语言教程 C++教程 Java教程 Python教程 Python3教程 C#教程
数码: 电脑 笔记本 显卡 显示器 固态硬盘 硬盘 耳机 手机 iphone vivo oppo 小米 华为 单反 装机 图拉丁

360图书馆 购物 三丰科技 阅读网 日历 万年历 2024年11日历 -2024/11/24 18:53:21-

图片自动播放器
↓图片自动播放器↓
TxT小说阅读器
↓语音阅读,小说下载,古典文学↓
一键清除垃圾
↓轻轻一点,清除系统垃圾↓
图片批量下载器
↓批量下载图片,美女图库↓
  网站联系: qq:121756557 email:121756557@qq.com  IT数码