微信小程式實作長摁複制和一鍵複制功能

長按複制(一定是text标簽)

text設定屬性 selectable=“true” 這樣長摁就可以複制了。

<text selectable="true">長按複制</text>
           

一鍵複制

一鍵複制需要綁定事件，然後調用wx.setClipboardData

<text  bindlongtap='copy'>{{copyText}}</text>
 <view bindtap="copy"  >複制</view>
methods = {
    copy (e) {
      var that = this;
      wx.setClipboardData({
        data: this.data.copyText,// 複制的内容
        success: function (res) {
          wx.showToast({
            title: '複制成功',
          });
        }
      });
    },
}