小程序实现文本复制, 功能很容易实现, 需要调用官方的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(); //剪贴成功立马给我隐藏提示
}
})