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

最新推荐文章于 2024-09-13 09:57:53 发布

weixin_30337251

最新推荐文章于 2024-09-13 09:57:53 发布

阅读量4.9k

点赞数 1

文章标签：移动开发

原文链接：http://www.cnblogs.com/xuhuang/p/9720337.html

版权

本文详细介绍了在微信小程序中实现复制粘贴功能的具体代码和方法。通过使用wx.setClipboardData和wx.getClipboardData API，可以将指定内容复制到系统的剪贴板，并验证复制操作是否成功。此外，还提供了实现文本长按复制的技巧。

摘要由CSDN通过智能技术生成

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

wxml中：
<text class='shopName' bindtap='textPaste'>{{shopDetailList.shopName}}</text>

如果想看是否成功可以直接点击完后去你的编辑框里面的看看Ctrl+v 和右键粘贴能不能把

点击复制的内容 

给复制上去。

————————————————————————————————————————————————————————————————————————————————————
小程序实现长摁复制内容：
text设置属性 selectable="true"  这样长摁就可以复制了。

转载于:https://www.cnblogs.com/xuhuang/p/9720337.html