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


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 跨域访问问题解决方法
Dec 02 Javascript
jquery插件validate验证的小例子
May 08 Javascript
jquery实现按Enter键触发事件示例
Sep 10 Javascript
JS和函数式语言的三特性
Mar 05 Javascript
javascript中使用正则计算中文长度的例子
Apr 29 Javascript
分析了一下JQuery中的extend方法实现原理
Feb 27 Javascript
微信小程序学习(4)-系统配置app.json详解
Jan 12 Javascript
React.Js添加与删除onScroll事件的方法详解
Nov 03 Javascript
javascript实现电脑和手机版样式切换
Nov 10 Javascript
vue 2.8.2版本配置刚进入时候的默认页面方法
Sep 21 Javascript
微信小程序遍历Echarts图表实现多个饼图
Apr 25 Javascript
JavaScript实现简单动态表格
Dec 02 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
用PHP制作静态网站的模板框架
2006/10/09 PHP
PHP array操作10个小技巧分享
2011/06/23 PHP
PHP函数学习之PHP函数点评
2012/07/05 PHP
php对mongodb的扩展(初出茅庐)
2012/11/11 PHP
ThinkPHP中pathinfo的访问模式、路径访问模式及URL重写总结
2014/08/23 PHP
php7安装yar扩展的方法详解
2017/08/03 PHP
jquery 插件 web2.0分格的分页脚本,可用于ajax无刷新分页
2008/12/25 Javascript
jquery自动完成插件(autocomplete)应用之PHP版
2009/12/15 Javascript
jQuery中:password选择器用法实例
2015/01/03 Javascript
JavaScript实现的简单烟花特效代码
2015/10/20 Javascript
实例讲解JavaScript中instanceof运算符的用法
2016/06/08 Javascript
jquery实现一个全局计时器(商城可用)
2017/06/30 jQuery
vue.js内部自定义指令与全局自定义指令的实现详解(利用directive)
2017/07/11 Javascript
10个在JavaScript开发中常遇到的BUG
2017/12/18 Javascript
VueJS 组件参数名命名与组件属性转化问题
2018/12/03 Javascript
解决layui追加或者动态修改的表单元素“没效果”的问题
2019/09/18 Javascript
element-ui中按需引入的实现
2019/12/25 Javascript
微信小程序录音实现功能并上传(使用node解析接收)
2020/02/26 Javascript
Python json 错误xx is not JSON serializable解决办法
2017/03/15 Python
Python双向循环链表实现方法分析
2018/07/30 Python
python使用Qt界面以及逻辑实现方法
2019/07/10 Python
html5 Canvas画图教程(4)—未闭合的路径及渐变色的填充方法
2013/01/09 HTML / CSS
骆驼官方商城:CAMEL
2016/11/22 全球购物
如何设置Java的运行环境
2013/04/05 面试题
我有一个char * 型指针正巧指向一些int 型变量, 我想跳过它们。 为什么如下的代码((int *)p)++; 不行?
2013/05/09 面试题
文件中有一组整数,要求排序后输出到另一个文件中
2012/01/04 面试题
计算机专业自荐信
2013/10/14 职场文书
庆祝国庆节演讲稿2014
2014/09/19 职场文书
毕业生银行实习自我鉴定
2014/10/14 职场文书
收银员岗位职责
2015/02/03 职场文书
2015年教师党员自我评价材料
2015/03/04 职场文书
结婚主持人致辞
2015/07/28 职场文书
文艺部部长竞选稿
2015/11/21 职场文书
导游词之秦始皇兵马俑博物馆
2019/09/29 职场文书
Java面试题冲刺第十九天--数据库(4)
2021/08/07 Java/Android
vue使用echarts实现折线图
2022/03/21 Vue.js