微信小程序长按复制和按钮复制

1. 长按文字复制

当要实现长按文字进行复制的时候,需要使用text标签,并将selectable属性设置为true

<text class='url-txt' selectable='true'>长按我复制</text>
2. 按钮复制

可使用按钮进行快捷复制,使用 \color{#ea4335}{wx.setClipboardData} API

<!--.wxml文件
<text class='url-txt' selectable='true'>{{url}}</text>
<button bindtap='onClick'>复制</button>

<!-- .js文件-->
onClick: function (e) {
    var that = this;
    wx.setClipboardData({
      //准备复制的数据
      data: that.data.url,
      success: function (res) {
        wx.showToast({
          title: '复制成功',
        });
      }
    });
  }
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容