小程序实现文本复制

718 阅读1分钟

小程序实现文本复制, 功能很容易实现, 需要调用官方的API - wx.setClipboardData({}).示例代码如下:

wxml:
<view>内容:{{texts}} </view>
<view bindtap='copyFn' data-text="{{texts}}">复制</view>

js:
  data: {
    texts:'文本内容'
  },
  copyFn: function (e) {
    wx.setClipboardData({
      data: e.currentTarget.dataset.text,
      success: function (res) {
        wx.getClipboardData({
          success: function (res) {
            wx.showToast({
              title: '复制成功',
              icon: 'none'
            })
          }
        })
      }
    })
  },

问题: wx.setClipboardData 剪贴内容会有一个Toast提示, 无法去除, 可以在成功回调中hideToast, 但是效果不是很好, 会有一闪而过的画面.

wx.setClipboardData({
       data: '剪切内容',
       success() {
          wx.hideToast();   //剪贴成功立马给我隐藏提示
    }
})