项目场景：

公众号抽奖优惠券转赠功能点击后请求转赠码并自动复制到剪切板
目前已验证公众号网页 h5App可用

问题描述：

使用原生方法在安卓上可用 iOS失效

// 复制
copy(data) {let oInput = document.createElement("input");//创建输入框oInput.value = data;//赋值document.body.appendChild(oInput);//添加到bodyoInput.select(); // 选择对象;document.execCommand("Copy"); // 执行浏览器复制命令oInput.remove();//移除
},

原因分析：

iOS不支持此解决方案使用clipboard.js插件

解决方案：

下载 clipboard.js到依赖博主此时用的yarn 读者也可使用npm

yarn add clipboard

//由于只有一个页面使用未全局引入就在使用页面引入

import Clipboard from "clipboard";

HTML部分

<buttonclass="copy"@click="copyLink()"
>复制
</button>

copyLink() {let clipboard = new Clipboard(".copy", {text: () => {return this.copy_value;//复制内容},});clipboard.on("success", () => {this.close();this.$toast.success("复制成功");});clipboard.on("error", () => {this.close();this.$toast.success("复制失败");});
},

注意事项：

**在调用复制的节点父级和以上不能有阻止冒泡会导致复制失效 **

解决在iOS复制失败问题 iOS/Android通用相关推荐

video.js android,VideoJS + HTML5自动播放失败，适用于Android 2.3+和IOS 4+
我的VideoJS和HTML5项目针对更新的Web浏览器(较新版本的FireFox和Chrome)以及移动浏览器(Android2.3 +和IOS4 +).VideoJS + HTML5自动播放失败, ...
解决公众号开发安卓正常 iOS调微信SDK失败签名错误
项目场景: 公众号网页开发请求微信授权调用微信SDK 扫一扫相机/相册接口问题描述: 项目在安卓上顺利运行在iOS 无法调起微信SDK 报错为签名错误原因分析: 在安卓能跑通说明后端的签 ...
iOS通关书单，Android可入
12本书,iOS.Swift.Objective-C经典一应俱全,UI和安全各一本. 1.<iOS开发指南:从零基础到App Store上架(第3版)>(最畅销iOS新书) 作者:关东升 ...
android ios web兼容,js与android iOS 交互兼容
js与android iOS 交互兼容在Android与js交互方面还是要比iOS方便很多,而UIWebView只暴漏出- (BOOL)webView:(UIWebView *)webView sh ...
c# 再次尝试连接失败_和平精英ios充值失败该怎么办
和平精英ios充值失败该怎么办?近期有小伙伴说自己用苹果手机充值却显示充值失败,这种情况该怎么解决呢?其实这不是大问题,看看下面的解决办法. 和平精英ios充值失败和平精英ios充值失败只需要重新填 ...
android 地球坐标火星坐标系,IOS开发入门之iOS开发火星坐标系与地球坐标系解析...
本文将带你了解IOS开发入门iOS开发火星坐标系与地球坐标系解析,希望本文对大家学IOS有所帮助. iOS开发火星坐标系与地球坐标系解析. 在开发过程中,遇到一个问题,安卓和iOS传同样的经纬度给后台 ...
android 8 性能 iOS,安卓依然领先iOS 8的十大特性
随着智能手机的不断发展,其硬件和软件的质量都比以往提升到了一个更高的水平.回顾这几年的发展,智能手机系统一直被iOS和Android两大操作系统占据着,也成为了人们最喜欢的手机操作系统.经过不停的更新 ...
关于canvas.toDataURL 在iOS运行失败的问题
关于canvas.toDataURL 在iOS运行失败的问题最近做了一个海报生成的组件,需要drawimage到画布上,image来源包括本地和异地的图片src; 首先讲一点,异地图片如果不设置允许 ...
android和ios适配_针对iOS和Android设计时“并非总是”情况的8个UX设计技巧
android和ios适配 Before going on, I would like to say that everything you read is only based on my UI/U ...
解决页面使用overflow: scroll在iOS上滑动卡顿的问题
解决页面使用overflow: scroll在iOS上滑动卡顿的问题参考文章: (1)解决页面使用overflow: scroll在iOS上滑动卡顿的问题 (2)https://www.cnblog ...

解决在iOS复制失败问题 iOS/Android通用

项目场景：

问题描述：

原因分析：

解决方案：

注意事项：

解决在iOS复制失败问题 iOS/Android通用相关推荐

最新文章

热门文章