微信/头条/百度小程序实现点击复制功能

火币

火币HTX

火币是全球三大交易所之一,虚拟货币交易平台安全可靠,注册领取新人礼包!

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

图片[1]-玩转网微信/头条/百度小程序实现点击复制功能-玩转网

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
          }
        })
      }
    })
  },

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

© 版权声明
THE END
点赞8赞赏 分享