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

一、效果

二、实现

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.setClipboardData(Object object)：设置系统剪贴板的内容

属性	类型	默认值	必填	说明
data	string		是	剪贴板的内容
success	function		否	接口调用成功的回调函数
fail	function		否	接口调用失败的回调函数
complete	function		否	接口调用结束的回调函数（调用成功、失败都会执行）

2）wx.getClipboardData(Object object)：获取系统剪贴板的内容

属性	类型	默认值	必填	说明
success	function		否	接口调用成功的回调函数
fail	function		否	接口调用失败的回调函数
complete	function		否	接口调用结束的回调函数（调用成功、失败都会执行）