微信小程序 長按文字複製與按鈕複製

1. 長按文字複製

當要實現長按文字進行復制的時候，須要使用text標籤，並將selectable屬性設置爲true

<text class='url-txt' selectable='true'>{{url}}</text>

 

2. 按鈕複製

可以使用按鈕進行快捷複製，使用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: '複製成功',
        });
      }
    });
  }