问题反馈可发送邮件到stubbornhuang@qq.com
在本站开通年度VIP，无限制下载本站资源和阅读本站文章
工资「喂饱肚子」，副业「养活灵魂」！
如果觉得本站的内容有帮助，可以考虑打赏博主哦！
本站会放置Google广告用于维持域名以及网站服务器费用。
计算机图形学与计算几何经典必备书单整理，下载链接可参考：https://www.stubbornhuang.com/1256/
本站由于前段时间遭受到大量临时和国外邮箱注册，所以对可注册的邮箱类型进行了限制！
感谢大家访问本站，希望本站的内容可以帮助到大家！
欢迎大家交换友链，可在https://www.stubbornhuang.com/申请友情链接进行友链交换申请！

微信小程序开发 – 复制文本到剪切板

StubbornHuang 微信小程序发布于2023-12-25 阅读 1,461次 0次评论 0次点赞本文共729个字，阅读需要2分钟。

微信小程序中可以通过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('取消')
      }
     }
    })
   }
  });
 },