微信小程序中实现点击复制的功能

最新推荐文章于 2025-10-20 10:33:06 发布

转载最新推荐文章于 2025-10-20 10:33:06 发布 · 1k 阅读

2 ·

CC 4.0 BY-SA版权

原文链接：https://blog.youkuaiyun.com/ws19900201/article/details/105470895

文章标签：

#小程序

小程序专栏收录该内容

26 篇文章

订阅专栏

本文介绍了一种在微信小程序中实现复制功能的方法。通过使用wx.setClipboardData和wx.getClipboardData API，可以将指定的内容复制到用户的剪贴板上，并通过弹窗提示复制成功。

copywxtap: function () {
    
    wx.setClipboardData({
      data: "复制内容",
      success: function (res) {
        wx.getClipboardData({
          //这个api是把拿到的数据放到电脑系统中的
          success: function (res) {
          wx.showToast({
      title: '复制成功',
    })
            console.log(res.data) // data
          }
        })
      }
    })
  },

	<view class="telbox">
        <view class="tel">
          <text class="telname">微信号</text>
          <text class="telnum">1234567894</text>
        </view>
        <view class="moretap" bindtap="copywxtap">
          <text class="fuzhi">复制</text>
        </view>
      </view>