小程序中復制頁面上文字的兩種方法

客戶要求能直接復制生成的編碼從而粘貼到其他地方。通過參考其他博主，得出兩種復制的方法。

方法一：將需要復制的文本放在<text></text>標簽中，將text標簽的屬性selectable的值為true。通過手機對文本的復制功能實現復制。

<text selectable='true'>{{item.bookCode}}</text>

這個方法實現比較簡單，也可以靈活選擇需要復制的字段。缺點在於text的樣式和功能設計有限制。

方法二：小程序提供了設置剪切板內容的API復制（wx.setClipboardData）和粘貼（wx.getClipboardData），可以將復制方法綁定在按鈕上，長按或點擊按鈕觸發事件來為剪切板設定值。

wxml代碼：

<button bindlongpress ='copy' data-copy='{{value}}'>{{value}}</button>

js代碼：

Page({
    data: {
        value:"這是要復制的內容！"，
    },

   /**
    * 長按復制圖書編碼
    */
  copy:function(e){
    var code = e.currentTarget.dataset.copy;
    wx.setClipboardData({
      data: code,
      success: function (res) {
        wx.showToast({
          title: '復制成功',
        });
      },
      fail:function(res){
        wx.showToast({
          title: '復制失敗',
        });
      }
    })
  },