小程序点击复制功能制作

  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'
        });
      }
    })
相关推荐
是一个Bug1 小时前
Java基础50道经典面试题(四)
java·windows·python
dly_blog1 小时前
Vue 响应式陷阱与解决方案(第19节)
前端·javascript·vue.js
Slow菜鸟1 小时前
Java基础架构设计(三)| 通用响应与异常处理(分布式应用通用方案)
java·开发语言
消失的旧时光-19431 小时前
401 自动刷新 Token 的完整架构设计(Dio 实战版)
开发语言·前端·javascript
我是Superman丶1 小时前
《Spring WebFlux 实战:基于 SSE 实现多类型事件流(支持聊天消息、元数据与控制指令混合传输)》
java
console.log('npc')1 小时前
Table,vue3在父组件调用子组件columns列的方法展示弹窗文件预览效果
前端·javascript·vue.js
廋到被风吹走1 小时前
【Spring】常用注解分类整理
java·后端·spring
用户47949283569151 小时前
React Hooks 的“天条”:为啥绝对不能写在 if 语句里?
前端·react.js
是一个Bug1 小时前
Java基础20道经典面试题(二)
java·开发语言
Z_Easen1 小时前
Spring 之元编程
java·开发语言