微信小程序 系统复制粘贴文本

在项目开发,经常会碰到一些文字复制需求,如要复制订单号,文案等

1、长按复制

要想实现长按复制功能,需要在text标签中设置user-select属性

<text user-select="{{true}}">复制订单号</text>

2、按钮复制

是将固定的内容复制到粘贴板中

wx.setClipboardData({
   data: "复制订单号",
})

调用成功后,会弹出 toast 提示"内容已复制",持续 1.5s参数

如果不使用系统的toast弹框,可以调用wx.hiddenloading(),setClipboardData自带的toast弹框就不会再显示

    wx.setClipboardData({
      data: "复制订单号",
      success: function () {
        wx.hideLoading()
        wx.showToast({
          title: '复制成功',
        })
      }
    })

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值