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


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 相关文章推荐
服务器安全设置的几个注册表设置
Jul 28 Javascript
JavaScript XML实现两级级联下拉列表
Nov 10 Javascript
ajax的hide隐藏问题解决方法
Dec 11 Javascript
jquery 页面滚动到指定DIV实现代码
Sep 25 Javascript
jQuery计算textarea中文字数(剩余个数)的小程序
Nov 28 Javascript
js实现进度条的方法
Feb 13 Javascript
js正则表达式验证邮件地址
Nov 12 Javascript
浅析Javascript ES6中的原生Promise
Aug 25 Javascript
利用jquery禁止外层滚动条的滚动
Jan 05 Javascript
React实现点击删除列表中对应项
Jan 10 Javascript
详解Ant Design of React的安装和使用方法
Dec 27 Javascript
详解JavaScript 浮点数运算的精度问题
Jul 23 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 危险函数解释 分析
2009/04/22 PHP
Laravel接收前端ajax传来的数据的实例代码
2017/07/20 PHP
js兼容标准的表格变色效果
2008/06/28 Javascript
Mootools 1.2教程 定时器和哈希简介
2009/09/15 Javascript
javascript 判断字符串是否包含某字符串及indexOf使用示例
2013/10/18 Javascript
js onload处理html页面加载之后的事件
2013/10/30 Javascript
跟我学习javascript的垃圾回收机制与内存管理
2015/11/23 Javascript
AngularJS基础 ng-paste 指令简单示例
2016/08/02 Javascript
微信小程序中使元素占满整个屏幕高度实现方法
2016/12/14 Javascript
bootstrap导航、选项卡实现代码
2016/12/28 Javascript
JavaScript对象封装的简单实现方法(3种方法)
2017/01/03 Javascript
javascript自执行函数
2017/02/10 Javascript
AngularJS创建一个上传照片的指令实例代码
2018/02/24 Javascript
layui使用数据表格实现购物车功能
2019/07/26 Javascript
原生js实现3D轮播图
2020/03/21 Javascript
[04:30]显微镜下的DOTA2第五期——拉比克
2013/09/26 DOTA
[51:30]OG vs LGD 2018国际邀请赛淘汰赛BO3 第二场 8.26
2018/08/30 DOTA
使用Python进行新浪微博的mid和url互相转换实例(10进制和62进制互算)
2014/04/25 Python
python 矩阵增加一行或一列的实例
2018/04/04 Python
python实现对象列表根据某个属性排序的方法详解
2019/06/11 Python
python 单线程和异步协程工作方式解析
2019/09/28 Python
python 经典数字滤波实例
2019/12/16 Python
Python 实现try重新执行
2019/12/21 Python
python3.x中安装web.py步骤方法
2020/06/23 Python
HTML5的结构和语义(3):语义性的块级元素
2008/10/17 HTML / CSS
处理HTML5新标签的浏览器兼容版问题
2017/03/13 HTML / CSS
Bibloo奥地利:购买女装、男装、童装、鞋和配件
2018/10/18 全球购物
什么是Assembly(程序集)
2014/09/14 面试题
介绍一下HTTP、HTTPS和SSL
2012/12/16 面试题
为什么说Ruby是一种真正的面向对象程序设计语言
2012/10/30 面试题
普通大学毕业生自荐信范文
2014/02/23 职场文书
我心目中的好老师活动方案
2014/08/19 职场文书
个人融资协议书
2014/10/02 职场文书
党支部季度考核意见
2015/06/02 职场文书
初中班长竞选稿
2015/11/20 职场文书
React配置子路由的实现
2021/06/03 Javascript