天天看點

小程式用 rich-text長按複制事件

微信小程式的富文本編輯器 rich-text 沒有提供長按出現複制剪切功能,下面是為大家提供的長按實作複制的簡單功能,效果沒有微信聊天頁長按複制的效果好。

<rich-text nodes="{{nodes[index]}}" class='ctext' bindlongpress="copy" data-text="{{nodes[index]}}" selectable='true'></rich-text>
``      
copy: function (e) {
  var that = this;
  var text = e.currentTarget.dataset.text;
  console.log(e);
  wx.setClipboardData({
    data: text,
    success: function (res) {
      // wx.hideToast();    //打開可不顯示提示框
      wx.getClipboardData({
        success (res) {
          console.log(res.data) // data
        }
      })
    }
  });
},      

繼續閱讀