uniapp 页面长按无法复制

uniapp 复制

uni-app H5 手机长按复制兼容性问题

【代码】uniapp开发的小程序右上角菜单的「复制链接」无法复制。

针对h5页面，ios和android端通过webview嵌套我们网页时。

最近的项目要求实现一个长按添加关注的功能，后来功能做好了，但是安卓手机长按的时候居然会在周边随便选中文字弹出自带的复制粘贴的操作，后来在网上搜了个样式控制的方法： *{ -webkit-touch-callout:none; /系统默认菜单被禁用/ -webkit-user-select:none; /webkit浏览器/ -moz-user-select:none;/火狐/ -ms-us...

<div class="demo"></div> .demo:{ -webkit-user-select: text; }

为什么不能复制? uniapp ui插件做了限制 有什么办法? page { -webkit-user-select: text; }

原因：因为没有给剪切板的权限，解决：去微信小程序后台授权权限。左下角账号=》账号管理。

body{ -webkit-user-select: text; }

copy(value) { //提示模板 uni.setClipboardData({ data: this.list.id,//复制的内容 success: function(res) { uni.getClipboardData({ success: function(res) { uni.showToast({ title: '已复制到剪贴板', icon:'none' }); } }); } }); } ...

在项目中使用u-parse组件,设置了:selectable="true" ,结果发现长按复制没有反应注:本人使用的ios设备,小程序项目试了很多方法,结果都无效,所以查看了下u-parse组件源码,在trees中貌似没有设置selectable属性然后查看了一下trees组件,发现trees组件中引用的rich-text组件在uniapp的rich-text组件查看,这个组件是支持selectable属性经查阅后做以下修改,修复了IOS设备u-parse组件富文本复制无效的问题。

page { -webkit-user-select: text; }