小程序中实现一键复制长段文本内容

做小程序开发，就知道其实小程序是有限制的，在小程序内无法打开网址，只允许从一个小程序跳到另一个小程序。

今天主要不是说小程序的限制，我们来看一下，如果网址不能打开的情况下，能否给用户提供“一键复制”功能？

必须可以，微信提供了复制的API，如下：

wx.setClipboardData({
  data: url,
  success: function (res) {
    util.showModelTips('复制成功');
  }
})

我们来看一下“一键复制”的使用场景~

一、复制全部内容（今天要说的重点）

实例一：复制网址

这个就是上面说的例子，就不详细介绍了

实例二：复制全部文本

这种情况也有，就是想复制一段内容出来。做法是监听长按事件bindlongtap，然后触发弹层，点击弹层，触发“复制代码”~

实例三：复制所有内容，用微信通用菜单形式展示

看了小程序的API，其实也提供了showActionSheet方法，可以把菜单做的更像微信原生菜单，效果图和代码如下：

wx.showActionSheet({
  itemList: ['复制内容', '上传背景图片'],
  success: function (res) {
    console.log(res.tapIndex)
  },
  fail: function (res) {
    console.log(res.errMsg)
  }
})

二、复制部分文本内容

小程序API也提供了选择复制，就是使用text标签，设置selectable="true"，并且必须是text标签，如下：

<text class="c-desc" selectable="true">{{detail.desc}}</text>

OK，今天就分享到这儿~