微信小程序-复制到剪切板

一、效果

二、实现

1）.wxml:

<text>被复制的内容：{
  {text}}</text>
<view bindtap='copyText' class="copyButton">复制按钮</view>
<text>显示复制内容：{
  {text2}}</text>

2）.js:

  data: {
    text:"我是钢铁侠我是钢铁侠"
  },
  copyText:function(){
    let that=this
    //获取剪切板内容
    wx.getClipboardData({
      success(res) {
        wx.setClipboardData({
          data:that.data.text ,
          success(res) {
            //粘贴到对应的位置
            wx.getClipboardData({
              success(res) {
                that.setData({
                  text2:res.data
                })
              }
            })
          }
        })
      }
    })
  },
 

三、api说明

1）wx.setClipboardD