微信小程序实现长按复制或者点击复制功能

微信小程序在一些特定情况下是需要用户可以长按复制或者点击复制一些文字或者数据的,例如商城的快递单号等,这个时候就需要我们使用小程序api来实现这个功能。

实现上述内容,就是使用微信设置剪贴板内容api==》wx.setClipboardData(Object object),如果有讲的不清楚的地方,可以看官方文档。链接地址:https://developers.weixin.qq.com/miniprogram/dev/api/device/clipboard/wx.setClipboardData.html

上图是点击复制的效果,很简单 ,只要拿过来api就能用,代码如下:

// 点击复制
  copy:function(e){
    let that=this;
    wx.setClipboardData({
      data: that.data.id, //这个是要复制的数据
      success (res) {
        wx.getClipboardData({
          success (res) {
            console.log(res.data) // data
          }
        })
      }
    })
  },

上面实现的是点击复制,用的是bindtap方法,如果需要实现长按复制,将方法换成bindlongtap即可。

朋友们,我是个小菜鸟,需要学习的还有很多,写的 有问题的地方可以私信我哦!或者关注微信公众号“越分享悦有CAI”。

你可能感兴趣的:(微信小程序实现长按复制或者点击复制功能)