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


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 相关文章推荐
该如何加载google-analytics(或其他第三方)的JS
May 13 Javascript
jquery操作select大全
Apr 25 Javascript
使用百度地图api实现根据地址查询经纬度
Dec 11 Javascript
JavaScript获取当前网页最后修改时间的方法
Apr 03 Javascript
jQuery实现的在线答题功能
Apr 12 Javascript
jQuery处理图片加载失败的常用方法
Jun 08 Javascript
JS+Canvas 实现下雨下雪效果
May 18 Javascript
AngularJs表单验证实例代码解析
Nov 29 Javascript
原生JS实现在线问卷调查投票特效
Jan 03 Javascript
vue中将网页打印成pdf实例代码
Jun 15 Javascript
微信小程序自定义弹窗实现详解(可通用)
Jul 04 Javascript
Node.js API详解之 Error模块用法实例分析
May 14 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一些服务器端特性的配置加强php的安全
2006/10/09 PHP
php email邮箱正则
2008/10/08 PHP
php查询ip所在地的方法
2014/12/05 PHP
Linux系统递归生成目录中文件的md5的方法
2015/06/29 PHP
自写的利用PDO对mysql数据库增删改查操作类
2018/02/19 PHP
ThinkPHP3.2框架自定义配置和加载用法示例
2018/06/14 PHP
php进行md5加密简单实例方法
2019/09/19 PHP
Domino中运用jQuery读取视图内容的方法
2009/10/21 Javascript
JQuery AJAX提交中文乱码的解决方案
2010/07/02 Javascript
基于jQuery UI CSS Framework开发Widget的经验
2010/08/21 Javascript
JavaScript中的toDateString()方法使用详解
2015/06/12 Javascript
jQuery实现字符串全部替换的方法【推荐】
2017/03/09 Javascript
jQuery EasyUI 选项卡面板tabs的使用实例讲解
2017/12/25 jQuery
在小程序中使用腾讯视频插件播放教程视频的方法
2018/07/10 Javascript
分享5个顶级的JavaScript Ajax组件库
2018/09/16 Javascript
vue组件三大核心概念图文详解
2019/05/30 Javascript
layui点击数据表格添加或删除一行的例子
2019/09/12 Javascript
JavaScript React如何修改默认端口号方法详解
2020/07/28 Javascript
vue-cli3项目打包后自动化部署到服务器的方法
2020/09/16 Javascript
python定时执行指定函数的方法
2015/05/27 Python
python Pandas库基础分析之时间序列的处理详解
2019/07/13 Python
Pandas时间序列重采样(resample)方法中closed、label的作用详解
2019/12/10 Python
pytorch 移动端部署之helloworld的使用
2020/10/30 Python
Python和Bash结合在一起的方法
2020/11/13 Python
recorder.js 基于Html5录音功能的实现
2020/05/26 HTML / CSS
美国购车网站:TrueCar
2016/10/19 全球购物
Lampegiganten丹麦:欧洲领先的照明网上商店
2018/04/25 全球购物
TOWER London官网:鞋子、靴子、运动鞋等
2019/07/14 全球购物
简述网络文件系统NFS,并说明其作用
2016/10/19 面试题
电子商务专业求职信
2014/03/08 职场文书
市场开发与营销专业求职信范文
2014/05/01 职场文书
公益广告标语
2014/06/19 职场文书
销售区域经理岗位职责
2015/04/10 职场文书
2015年计生协会工作总结
2015/04/24 职场文书
2015年校本培训工作总结
2015/07/24 职场文书
JavaScript高级程序设计之变量与作用域
2021/11/17 Javascript