一、长按复制：

长按复制，在微信小程序内的文字无法长按复制，除了text节点以外，但是要在text标签内加一个“selectable”属性。

话不多说，我们直接上代码

1.WXML

< text selectable="true" >长按复制< text/>

二、一键复制：

添加点击事件，绑定js方法，点击复制。

话不多说，我们直接上代码

1.WXML

<view bindtap="copy" data-item='{{text}}'>点击复制内容：{{text}}</view>

2.JS

Page({data: {text:"123456789",},copy: function (e) {let item = e.currentTarget.dataset.item;console.log("复制", e, item);wx.setClipboardData({data: item,success: function (res) {showToastInfo({title: '复制成功',icon:"success"});}});},
})

------------- The End -------------

许可协议: 转载请保留原文链接及作者。

微信小程序-长按复制、一键复制功能相关推荐

微信小程序——长按复制、一键复制
wxml: 订单号:<text selectable='true' bindlongtap='copy' >{{OrderModel.OrderNo}}</text><b ...
微信小程序 --长按复制、点击复制实现
长按复制 <text selectable="true">长按复制:{{address_id}}</text> 点击复制 wxml <view bin ...
微信小程序长按复制文本内容
<text user-select='true'>{{itext}}</text> 注意:<text selectable='true'> 长按复制文本</t ...
微信小程序长按复制文本
wxml部分 <view class="basic-row" bindlongtap="copyLess" data-info="我是复制的文本 ...
微信小程序长按保存图片
微信小程序长按保存图片 wxml部分 <image data-url="{{item}}" bindlongtap="longPressSaveImg " ...
微信小程序长按图片发送给好友
问题描述微信小程序长按图片发送给好友解决方法直接在<image></image>标签添加:show-menu-by-longpress="true" ...
微信小程序 — 长列表组件 recycle-view 详细教学
微信小程序 - 长列表组件 recycle-view 踩坑问题全解写在前面引入长列表组件 recycle-view 长列表组件 recycle-view 的使用问题一.如何增加下拉刷新功能? 问 ...
微信小程序长按识别二维码，小程序相关问题总结
微信小程序长按识别二维码,小程序相关问题总结开发小程序中,长按识别二维码,小程序码跳转,已知问题整理: 小程序中,不支持长按识别二维码,和小程序码. 可利用小程序图片预览功能识别小程序码并进行跳 ...
微信小程序|分享功能|复制文字|拨打电话|
微信小程序功能后续将会继续补充微信小程序的相关功能微信小程序功能 1.分享功能用户点击右上角转发使用按钮分享隐藏分享功能的api 2.复制文字长按复制将固定的内容复制到粘贴板中 3.拨打 ...

微信小程序-长按复制、一键复制功能

一、长按复制：

二、一键复制：

------------- The End -------------

微信小程序-长按复制、一键复制功能相关推荐

最新文章

热门文章