小程序点击复制功能制作

  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'
        });
      }
    })
相关推荐
okseekw3 分钟前
File类:你与文件的"爱恨情仇"——Java文件操作的趣味指南
java·后端
梨落秋霜5 分钟前
Python入门篇【if判断语句】
android·java·python
萝卜白菜。5 分钟前
关于maxPartCount和maxPartHeaderSize参数的限制说明
java·tomcat
Li_7695329 分钟前
Spring Cloud —— SkyWalking(五)
java·后端·spring·spring cloud·skywalking
一过菜只因10 分钟前
VUE快速入门
前端·javascript·vue.js
嘟嘟w10 分钟前
Forward(转发)与Redirect(重定向)的区别
java
2501_9159214310 分钟前
重新理解 iOS 的 Bundle Id 从创建、管理到协作的工程策略
android·ios·小程序·https·uni-app·iphone·webview
程序员根根13 分钟前
JavaSE 进阶:代理设计模式核心知识点(静态代理 + 动态代理 + 反射实现 + 实战案例)
java
武子康13 分钟前
Java-189 Guava Cache 源码剖析:LocalCache、Segment 与 LoadingCache 工作原理全解析
java·redis·后端·spring·缓存·guava·guava cache
程序员小假15 分钟前
我们来说一说 Redis 主从复制的原理及作用
java·后端