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


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 相关文章推荐
ext checkboxgroup 回填数据解决
Aug 21 Javascript
JQuery小知识
Oct 15 Javascript
ASP.NET jQuery 实例4(复制TextBox的文本到本地剪贴板上)
Jan 13 Javascript
js对象关系图 方便dom操作
Mar 18 Javascript
javascript中 try catch用法
Aug 16 Javascript
基于javascript实现图片懒加载
Jan 05 Javascript
Node.js中Request模块处理HTTP协议请求的基本使用教程
Mar 31 Javascript
详解Angular2响应式表单
Jun 14 Javascript
基于JavaScript实现报警器提示音效果
Oct 27 Javascript
在vue-cli搭建的项目中增加后台mock接口的方法
Apr 26 Javascript
vue解决弹出蒙层滑动穿透问题的方法
Sep 22 Javascript
推荐15个最好用的JavaScript代码压缩工具
Feb 13 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
解析关于java,php以及html的所有文件编码与乱码的处理方法汇总
2013/06/24 PHP
php数组合并的二种方法
2014/03/21 PHP
在PHP中运行Linux命令并启动SSH服务的例子
2014/06/12 PHP
php实现博客,论坛图片防盗链的方法
2016/10/15 PHP
线路分流自动跳转代码;希望对大家有用!
2006/12/02 Javascript
Ext对基本类型的扩展 ext,extjs,format
2010/12/25 Javascript
javascript中有趣的反柯里化深入分析
2012/12/05 Javascript
解析ScrollPic在ie8下只滚动一遍,然后变为空白 ie6,ie7,chrome,firefox正常
2013/06/26 Javascript
js中switch case循环实例代码
2013/12/30 Javascript
JavaScript变量声明详解
2014/11/27 Javascript
jQuery实现将页面上HTML标签换成另外标签的方法
2015/06/09 Javascript
javascript动画算法实例分析
2015/07/31 Javascript
详述JavaScript实现继承的几种方式(推荐)
2016/03/22 Javascript
js 动态给元素添加、移除事件的实现方法
2016/07/19 Javascript
浅谈Express异步进化史
2017/09/09 Javascript
用webAPI实现图片放大镜效果
2020/11/23 Javascript
原生JavaScript实现换肤
2021/02/19 Javascript
使用Python的Twisted框架编写简单的网络客户端
2015/04/16 Python
理解Python中的With语句
2016/03/18 Python
python文字和unicode/ascll相互转换函数及简单加密解密实现代码
2019/08/12 Python
python分布式编程实现过程解析
2019/11/08 Python
使用python绘制二维图形示例
2019/11/22 Python
详解Python 实现 ZeroMQ 的三种基本工作模式
2020/03/24 Python
查看keras的默认backend实现方式
2020/06/19 Python
Python-split()函数实例用法讲解
2020/12/18 Python
css3实现3D文本悬停改变效果的示例代码
2019/01/16 HTML / CSS
canvas简单连线动画的实现代码
2020/02/04 HTML / CSS
英国著名书店:Foyles
2018/12/01 全球购物
澳大利亚一站式数码相机商店:CameraPro
2020/03/09 全球购物
乡镇总工会学雷锋活动总结
2014/03/01 职场文书
工程服务质量承诺书
2015/04/29 职场文书
住房公积金贷款工资证明
2015/06/12 职场文书
创业计划书之情侣餐厅
2019/09/29 职场文书
基于python定位棋子位置及识别棋子颜色
2021/07/26 Python
Java中的Kotlin 内部类原理
2022/06/16 Java/Android
postgresql中如何执行sql文件
2023/05/08 PostgreSQL