微信小程序 長按文字復制與按鈕復制

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: '復制成功',
        });
      }
    });
  }