微信小程序setClipboardData获取动态数据

最新推荐文章于 2024-10-10 23:21:44 发布

努力做一个好前端

最新推荐文章于 2024-10-10 23:21:44 发布

阅读量454

点赞数

分类专栏：小程序问题的收集文章标签：微信小程序微信小程序

原文链接：https://developers.weixin.qq.com/community/develop/doc/00046cf3c90e00164599b7c0657000

版权

小程序问题的收集专栏收录该内容

32 篇文章 2 订阅

订阅专栏

该博客展示了如何在WXML中通过`<textbindtap>`事件结合JS实现文本复制功能。当用户点击文本时，`copyText`函数被触发，获取数据绑定的`key`并使用`wx.setClipboardData`将内容存入剪贴板，随后显示成功提示。这个功能对于用户快速复制CDKey或其他关键信息非常实用。

摘要由CSDN通过智能技术生成

wxml:

  <text bindtap="copyText" data-key="{{item.cdkey}}">{{ item.cdkey }}</text>

js:

 copyText(e) {
    let key = e.currentTarget.dataset.key;
    wx.setClipboardData({
      data: key,
      success(res) {
        console.log(res, key);
        wx.getClipboardData({
          success(res) {
            wx.showToast({
              title: '复制成功',
            })
          }
        })
      }
    })
  }