小程序点击复制功能制作

  1. 在wxml文件中添加一个按钮或需要点击的元素,并绑定点击事件监听器2

    复制代码
    <button bindtap="copyText">点击复制</button>

2 在对应的js文件中定义点击事件处理函数,并在函数中调用小程序的API进行复制操作,

复制代码
copyText(e){
    console.log(e);
    var text = "选择或者输入你要复制的内容"; // 指定要复制的文本内容
    wx.setClipboardData({
      data: text,
      success: function () {
        wx.showToast({                      //成功弹窗
          title: '复制成功',
          icon: 'success'
        });
      }
    })
相关推荐
Dreamcatcher_AC2 分钟前
前端面试高频问题解析
前端·css·html
Kiyra12 分钟前
八股篇(1):LocalThread、CAS和AQS
java·开发语言·spring boot·后端·中间件·性能优化·rocketmq
damo王13 分钟前
how to install npm in ubuntu24.04?
前端·npm·node.js
光影少年14 分钟前
Vue 2 / Vue 3 diff算法
前端·javascript·vue.js
开心比对错重要14 分钟前
进程、线程、虚拟线程详解及线程个数设置
java·jvm·算法·面试
被风吹过的会不会要逝去18 分钟前
Java后端开发性能优化排查思路及工具
java·性能优化
程序员阿鹏23 分钟前
分布式事务管理
java·开发语言·分布式
爱学大树锯24 分钟前
【594 · 字符串查找 II】
java·开发语言·算法
zhixingheyi_tian25 分钟前
Yarn 之 run job
java·开发语言·前端
指尖跳动的光27 分钟前
如何减少项目里面if-else
前端·javascript