小程序复制

最新推荐文章于 2025-03-06 19:26:27 发布

原创最新推荐文章于 2025-03-06 19:26:27 发布 · 215 阅读

0 ·

CC 4.0 BY-SA版权

js 专栏收录该内容

34 篇文章

订阅专栏

本文介绍了一种在微信小程序中实现文字复制的方法，通过wxml和js的结合使用，使得用户可以轻松复制页面上的指定文字。具体实现包括在wxml中绑定复制事件，并在js中通过setClipboardData和getClipboardData API来完成复制操作。

wxml

<view>内容：{{contents}} </view>
<view  bindtap='copyText' data-text="{{'这里是要复制的内容'}}">复制</view>

Page({
  data: {
    contents:'这是可以复制的文字,粘贴后即可看到效果'
  },
  copyText: function (e) {
    console.log(e)
    wx.setClipboardData({
      data: e.currentTarget.dataset.text,
      success: function (res) {
        wx.getClipboardData({
          success: function (res) {
            wx.showToast({
              title: '复制成功'
            })
          }
        })
      }
    })
  },
})