之前整理过一篇Html5点击复制文本内容效果,详情《js实现点击按钮复制目标内容》,今天公司抖音小程序也需要实现点击复制抖音号的功能,就那微信小程序的源码测试了,结果我笑了!

html:

  <view class="mt15">抖音号:<text>{{dyh}}</text></view> 
  <view class="copyBtn" bindtap="CopyDyNum">点击复制抖音号</view> 

js:

 data: {
    dyh:'你需要复制的内容'
  },
  CopyDyNum: function () {
    wx.showToast({
      title: '复制成功',
    })
    wx.setClipboardData({
      data: this.data.dyh,
      success: function (res) {
        wx.getClipboardData({
          //这个api是把拿到的数据放到电脑系统中的
          success: function (res) {
            console.log(res.data) // data
          }
        })
      }
    })
  },

复制就能用,不用动脑子!