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


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 相关文章推荐
《JavaScript DOM 编程艺术》读书笔记之JavaScript 语法
Jan 09 Javascript
基于jquery实现动态竖向柱状条特效
Feb 12 Javascript
JavaScript如何实现组合列表框中元素移动效果
Mar 01 Javascript
基于jQuery实现淡入淡出效果轮播图
Jul 31 Javascript
Angular2使用Guard和Resolve进行验证和权限控制
Apr 24 Javascript
实现一个完整的Node.js RESTful API的示例
Sep 29 Javascript
JS实现的简单表单验证功能完整实例
Oct 14 Javascript
vue操作下拉选择器获取选择的数据的id方法
Aug 24 Javascript
JS数组求和的常用方法实例小结
Jan 07 Javascript
js 计算月/周的第一天和最后一天代码
Feb 01 Javascript
JavaScript布尔运算符原理使用解析
May 06 Javascript
详解JavaScript的this指向和绑定
Sep 08 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
海贼王:最美的悬赏令!
2020/03/02 日漫
关于时间计算的结总
2006/12/06 PHP
php实现高效获取图片尺寸的方法
2014/12/12 PHP
PHP实现导出带样式的Excel
2016/08/28 PHP
laravel5使用freetds连接sql server的方法
2018/12/07 PHP
artDialog双击会关闭对话框的修改过程分享
2013/08/05 Javascript
jquery 缓存问题的几个解决方法
2013/11/11 Javascript
jQuery+ajax实现鼠标单击修改内容的方法
2014/06/27 Javascript
微信小程序城市定位的实现实例(获取当前所在国家城市信息)
2017/05/17 Javascript
浅谈Angular文字折叠展开组件的原理分析
2017/11/24 Javascript
Vue 中的compile操作方法
2018/02/26 Javascript
vuex如何重置所有state(可定制)
2019/01/17 Javascript
JS温故而知新之变量提升和时间死区
2019/01/27 Javascript
使用VUE实现在table中文字信息超过5个隐藏鼠标移到时弹窗显示全部
2019/09/16 Javascript
Vue移动端实现图片上传及超过1M压缩上传
2019/12/23 Javascript
Vue如何实现变量表达式选择器
2021/02/18 Vue.js
Python中定时任务框架APScheduler的快速入门指南
2017/07/06 Python
Python3之手动创建迭代器的实例代码
2019/05/22 Python
Python语法分析之字符串格式化
2019/06/13 Python
详解python polyscope库的安装和例程
2020/11/13 Python
CSS3的 fit-content实现水平居中
2017/09/07 HTML / CSS
JINS眼镜官方网站:日本最大的眼镜邮购
2016/10/14 全球购物
The North Face北面法国官网:美国著名户外品牌
2019/11/01 全球购物
C语言中break与continue的区别
2012/07/12 面试题
.NET是怎么支持多种语言的
2015/02/24 面试题
大学生简历的个人自我评价
2013/12/04 职场文书
小学生环保标语
2014/06/13 职场文书
社区反邪教工作方案
2014/06/16 职场文书
节能环保家庭事迹材料
2014/08/27 职场文书
祖国在我心中演讲稿450字
2014/09/05 职场文书
论语读书笔记
2015/06/26 职场文书
技术转让协议书
2016/03/19 职场文书
python四个坐标点对图片区域最小外接矩形进行裁剪
2021/06/04 Python
Vue + iView实现Excel上传功能的完整代码
2021/06/22 Vue.js
Nginx配置之实现多台服务器负载均衡
2021/08/02 Servers
Pygame游戏开发之太空射击实战敌人精灵篇
2022/08/05 Python