小程序点击复制功能制作

  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'
        });
      }
    })
相关推荐
江沉晚呤时几秒前
延迟加载(Lazy Loading)详解及在 C# 中的应用
java·开发语言·microsoft·c#
董世昌415 分钟前
js怎样控制浏览器前进、后退、页面跳转?
开发语言·前端·javascript
走,带你去玩6 分钟前
uniapp live-pusher + 腾讯云直播
前端·javascript·uni-app
徐同保9 分钟前
electron打包项目
前端·javascript·electron
Maybyy12 分钟前
如何在项目里面添加一个可以左右翻动并显示指定日期的日历
前端·vue.js
谷哥的小弟17 分钟前
Spring Framework源码解析——ConfigurableApplicationContext
java·spring·源码
柯南二号17 分钟前
【大前端】【Android】用 Python 脚本模拟点击 Android APP —— 全面技术指南
android·前端·python
Arvin_Rong18 分钟前
前端动态 API 生成与封装:前端 API 调用的一种思路
前端
2401_8603195220 分钟前
DevUI组件库实战:从入门到企业级应用的深度探索,如何实现支持表格扩展和表格编辑功能
前端·前端框架
LYFlied22 分钟前
从循环依赖检查插件Circular Dependency Plugin源码详解Webpack生命周期以及插件开发
前端·webpack·node.js·编译原理·plugin插件开发