微信小程序中可以通过APIwx.setClipboardData(Object object)设置系统剪切板的内容,api调用成功后会弹出toast提示内容已复制,持续1.5s。

1 复制text控件的内容

如果需要复制text控件的内容,text控件有一个selectable属性,标志文本是否可选,将这个属性设置为true即可长按text控件的内容进行复制了。现在这个属性在官方文档上标志为已废弃,新的属性名称为user-select,该属性标志文本是否可选,该属性会使文本节点显示为 inline-block。

<text selectable="true">{{texts}}</text>
<text user-select="true">{{texts}}</text>

2 使用代码复制内容

wxml中写一个复制按钮

<button bindtap="copy"> 一键复制 </button>

在js中写按钮对应的复制功能

 copy: function (e) {
  var that = this;
  wx.setClipboardData({
   data: "这里为复制的内容",
   success: function (res) {
    wx.showModal({
     title: '提示',
     content: '复制成功',
     success: function (res) {
      if (res.confirm) {
       console.log('确定')
      } else if (res.cancel) {
       console.log('取消')
      }
     }
    })
   }
  });
 },

参考