小程序文字长按识别复制和自定义一键复制文本功能

1.文字长按识别复制：

把需要长按复制的文字用text标签包裹，然后添加selectable="true"属性即可

但是这个属性有些缺点，就是长按后不可以直接全选中文本内容进行复制，得手动全选复制（或者复制部分需要的文字）文本内容。如果想要一键复制这样的功能。就得做个一键复制的按钮。

2.一键复制文本功能：

如图，点击按钮时候，实现一键复制文本功能。（我这里就不写页面布局样式了)

 <view class='fwwa_btn' bindtap='copyBtn'>一键复制</view>

在按钮上添加点击事件：bindtap=''copyBtn''。然后在js中，把商品名称的参数赋值给data里面就可以了。

 copyBtn: function (e) {var that = this;var inviteName = that.data.sku_name;//要复制的商品名称wx.setClipboardData({//准备复制的数据data: inviteName,success: function (res) {wx.showToast({title: '复制成功',});}});},

快去试试吧！

小程序文字长按识别复制和自定义一键复制文本功能相关推荐

小程序图片长按识别功能的实现
背景今天,做的小程序项目要求,个人中心的客服图片在用户长按时可以识别其二维码在百度无果,参考小程序官方文档后,发现: 1.文档中有一句提示:"image组件中二维码/小程序码图片不支持长 ...
小程序：长按识别图中二维码
在小程序项目中,有时候我们需要按住二维码,弹出: 识别图中二维码的功能 1. API 小程序文档 - API - 媒体 - 图片 - perviewImage( ) : 在新页面中全屏预览图片.预览 ...
h5嵌入微信小程序webView长按识别二维码
1.h5页面用于渲染图片 <div id="app"><div class="priview-img"><imgv-for=&qu ...
小程序内长按识别二维码
利用图片放大完美解决 wx.previewImage({ current: t.SigninImg, // 当前显示图片的http链接 urls ...
微信小程序实现长摁复制和一键复制功能
微信小程序实现长摁复制和一键复制功能长按复制(一定是text标签) text设置属性 selectable="true" 这样长摁就可以复制了. <text selecta ...
微信小程序：长按复制、一键复制
订单号:<text selectable='true' bindlongtap='copy' >{{OrderModel.OrderNo}}</text><button ...
uniapp小程序文字与语音互相转化
小程序文字与语音互相转化插件名称: 微信同声传译插件使用文字转语音功能语音转文字总结插件名称: 微信同声传译微信同声传译由微信智聆语音团队.微信翻译团队与公众平台联合推出的同传开放接口, ...
微信小程序实现长文本分段播放
微信小程序实现长文本分段播放接上篇微信小程序实现语音合成功能解决腾讯智能语音插件中文最大支持100个汉字的问题场景:需要合成100汉字以上的文本进行语音播报注意:本文示例代码是在上篇基础上进 ...
微信小程序内部长按识别二维码添加个人微信
项目场景: 最近接到需求,在小程序内部长按识别二维码添加个人微信. 初步效果: 问题描述:web-view官方文档微信小程序目前image标签,仅支持长按识别小程序码,后面查看网上相关资料,发现微信 ...

小程序文字长按识别复制和自定义一键复制文本功能

小程序文字长按识别复制和自定义一键复制文本功能相关推荐

最新文章

热门文章