微信小程序点击复制文本到剪贴板 - 小灵子的小园子

Data: 2019-10-22 22:35:32Form: JournalClick: 8

小灵子的小园子

随笔- 17 文章- 0 评论- 9 阅读- 20万

微信小程序点击复制文本到剪贴板

调用小程序的接口来实现，没什么难点，就直接上代码啦。

wxml：

<view>内容：{{contents}} </view>
<view  bindtap='copyText' data-text="{{contents}}">复制</view>

js：

Page({
  data: {
    contents:'这是可以复制的文字,粘贴后即可看到效果'
  },
  copyText: function (e) {
    console.log(e)
    wx.setClipboardData({
      data: e.currentTarget.dataset.text,
      success: function (res) {
        wx.getClipboardData({
          success: function (res) {
            wx.showToast({
              title: '复制成功'
            })
          }
        })
      }
    })
  },
})

我是 PHP 程序员

微信小程序 点击复制文本到剪贴板 - 小灵子的小园子

微信小程序 点击复制文本到剪贴板

微信小程序点击复制文本到剪贴板 - 小灵子的小园子

微信小程序点击复制文本到剪贴板