微信小程序实现长摁复制和一键复制功能

最新推荐文章于 2024-03-19 16:54:13 发布

yx_back

最新推荐文章于 2024-03-19 16:54:13 发布

阅读量1.1k

点赞数

分类专栏：小程序前端文章标签：小程序长摁复制一键复制

本文链接：https://blog.csdn.net/yx_back/article/details/103367801

版权

前端同时被 2 个专栏收录

21 篇文章 2 订阅

订阅专栏

小程序

14 篇文章 0 订阅

订阅专栏

微信小程序实现长摁复制和一键复制功能

长按复制(一定是text标签)

text设置属性 selectable=“true” 这样长摁就可以复制了。

<text selectable="true">长按复制</text>

一键复制

一键复制需要绑定事件，然后调用wx.setClipboardData

<text  bindlongtap='copy'>{{copyText}}</text>
 <view bindtap="copy"  >复制</view>
methods = {
    copy (e) {
      var that = this;
      wx.setClipboardData({
        data: this.data.copyText,// 复制的内容
        success: function (res) {
          wx.showToast({
            title: '复制成功',
          });
        }
      });
    },
}