微信小程序 - 复制文字功能

1、在对应需要复制相关信息的标签那里绑定事件(使用的标签不固定,可以是text、view等)

例子:

<view class="item">
    <text>我的CSDN网址:</text>
    <text class="phone adr" bindtap='copyText'>https://blog.csdn.net/LiaoFengJi?orderby=ViewCount</text>
</view>

2、在对应的事件方法里面写入 wx.setClipboardData 方法

例子:

copyText() {
    wx.setClipboardData({
      data: "https://blog.csdn.net/LiaoFengJi?orderby=ViewCount",
      success: function(res) {
        wx.getClipboardData({
          success: function(res) {
            wx.showToast({
              title: '复制成功',
              icon: 'none',
              duration: 2000
            })
          }
        })
      }
    })
  }

3、效果图

在这里插入图片描述
在这里插入图片描述
更多复制功能请看微信小程序文档

发布了44 篇原创文章 · 获赞 8 · 访问量 2万+

猜你喜欢

转载自blog.csdn.net/LiaoFengJi/article/details/101265356