微信小程序长按复制和按钮复制

2020-01-20  本文已影响0人  前端浅语
1. 长按文字复制

当要实现长按文字进行复制的时候,需要使用text标签,并将selectable属性设置为true

<text class='url-txt' selectable='true'>长按我复制</text>
2. 按钮复制

可使用按钮进行快捷复制,使用 \color{#ea4335}{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: '复制成功',
        });
      }
    });
  }
上一篇下一篇

猜你喜欢

热点阅读