微信小程序实现的一键复制功能示例


Posted in Javascript onApril 24, 2019

本文实例讲述了微信小程序实现的一键复制功能。分享给大家供大家参考,具体如下:

微信小程序不支持页面复制功能,故要实现某些信息的复制,需要开发复制功能

微信小程序中复制一般采用调用  wx.setClipboardData 接口

实现功能如下:

1,.wxml里写一个复制按钮

<button bindtap="copy"> 一键复制 </button>

2, .js里写复制功能

copy: function (e) {
  var that = this;
  wx.setClipboardData({
   data: "这里为复制的内容",
   success: function (res) {
    wx.showModal({
     title: '提示',
     content: '复制成功',
     success: function (res) {
      if (res.confirm) {
       console.log('确定')
      } else if (res.cancel) {
       console.log('取消')
      }
     }
    })
   }
  });
 },

如此即可实现复制功能了

wx.setClipboardData 接口详细说明还可参考官方文档:https://developers.weixin.qq.com/miniprogram/dev/api/wx.setClipboardData.html

希望本文所述对大家微信小程序开发有所帮助。

Javascript 相关文章推荐
基于jquery的商品展示放大镜
Aug 07 Javascript
倒记时60刷新网页的js代码
Feb 18 Javascript
jsonp跨域请求数据实现手机号码查询实例分析
Dec 12 Javascript
详解如何在Vue2中实现组件props双向绑定
Mar 29 Javascript
vue2.0构建单页应用最佳实战
Apr 01 Javascript
你可能不知道的JSON.stringify()详解
Aug 17 Javascript
zTree jQuery 树插件的使用(实例讲解)
Sep 25 jQuery
JS处理数据四舍五入(tofixed与round的区别详解)
Oct 26 Javascript
easyui下拉框动态级联加载的示例代码
Nov 29 Javascript
JS实现的将html转为pdf功能【基于浏览器端插件jsPDF】
Feb 06 Javascript
微信小程序 自定义弹窗实现过程(附代码)
Dec 05 Javascript
vue实现数据控制视图的原理解析
Jan 07 Javascript
如何基于vue-cli3.0构建功能完善的移动端架子
Apr 24 #Javascript
解决vue 单文件组件中样式加载问题
Apr 24 #Javascript
vue router 用户登陆功能的实例代码
Apr 24 #Javascript
10个最受欢迎的 JavaScript框架(推荐)
Apr 24 #Javascript
vue.js多页面开发环境搭建过程
Apr 24 #Javascript
小程序实现订单倒计时功能
Apr 23 #Javascript
vue实现密码显示与隐藏按钮的自定义组件功能
Apr 23 #Javascript
You might like
phpexcel导出excel的颜色和网页中的颜色显示不一致
2012/12/11 PHP
php输出echo、print、print_r、printf、sprintf、var_dump的区别比较
2013/06/21 PHP
Javascript学习笔记 delete运算符
2011/09/13 Javascript
javascript变量作用域使用中常见错误总结
2013/03/26 Javascript
jquery导航制件jquery鼠标经过变色效果示例
2013/12/05 Javascript
js左右弹性滚动对联广告代码分享
2014/02/19 Javascript
js代码实现的加入收藏效果并兼容主流浏览器
2014/06/23 Javascript
javascript作用域问题实例分析
2015/07/13 Javascript
鼠标悬停小图标显示大图标
2016/01/22 Javascript
JS、jQuery中select的用法详解
2016/04/21 Javascript
JS中如何实现复选框全选功能
2016/12/19 Javascript
JS拉起或下载app的实现代码
2017/02/22 Javascript
Vue结合SignalR实现前后端实时消息同步
2017/09/19 Javascript
vue vant Area组件使用详解
2019/12/09 Javascript
[01:06]DOTA2小知识课堂 Ep.01 TP出门不要忘记帮队友灌瓶哦
2019/12/05 DOTA
python学生信息管理系统(完整版)
2020/04/05 Python
python应用文件读取与登录注册功能
2019/09/23 Python
python实现智能语音天气预报
2019/12/02 Python
Django ORM filter() 的运用详解
2020/05/14 Python
keras用auc做metrics以及早停实例
2020/07/02 Python
详解Python 最短匹配模式
2020/07/29 Python
使用Python制作一个数据预处理小工具(多种操作一键完成)
2021/02/07 Python
草莓网化妆品日本站:Strawberrynet日本
2017/10/20 全球购物
法国大使拉杆箱官网:DELSEY Paris
2018/03/20 全球购物
吉列剃须刀英国官网:Gillette英国
2019/03/28 全球购物
销售工作人员的自我评价分享
2013/11/10 职场文书
总经理助理的八要求
2013/11/12 职场文书
医药个人求职信范文
2014/01/29 职场文书
社区服务活动总结
2014/05/07 职场文书
群众路线领导对照材料
2014/08/23 职场文书
国庆横幅标语
2014/10/08 职场文书
幼儿园小班个人工作总结
2015/02/12 职场文书
2015年学生会部门工作总结
2015/04/21 职场文书
房屋质量投诉书
2015/07/02 职场文书
MySQL 查询速度慢的原因
2021/05/25 MySQL
在 SQL 语句中处理 NULL 值的方法
2021/06/07 SQL Server