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


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 相关文章推荐
JS JavaScript获取Url参数,src属性参数
Mar 09 Javascript
Javascript &amp; DHTML 实例编程(教程)基础知识
Jun 02 Javascript
不能再简单的无闪刷新验证码原理很简单
Nov 05 Javascript
可以用鼠标拖动的DIV实现思路及代码
Oct 21 Javascript
javascript中interval与setTimeOut的区别示例介绍
Mar 14 Javascript
教你如何使用firebug调试功能了解javascript闭包和this
Mar 04 Javascript
jQuery 1.9.1源码分析系列(十)事件系统之主动触发事件和模拟冒泡处理
Nov 24 Javascript
JS中setTimeout和setInterval的最大延时值详解
Feb 13 Javascript
ionic3实战教程之随机布局瀑布流的实现方法
Dec 28 Javascript
AngularJS ui-router刷新子页面路由的方法
Jul 23 Javascript
基于Vue的商品主图放大镜方案详解
Sep 19 Javascript
Vue使用Proxy代理后仍无法生效的解决
Nov 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
PHP下常用正则表达式整理
2010/10/26 PHP
php强制下载文件函数
2016/08/24 PHP
Laravel框架实现多个视图共享相同数据的方法详解
2019/07/09 PHP
Firefox getBoxObjectFor getBoundingClientRect联系
2008/10/26 Javascript
JSON扫盲帖 JSON.as类教程
2009/02/16 Javascript
js正确获取元素样式详解
2009/08/07 Javascript
Jquery中dialog属性小记
2010/09/03 Javascript
用jquery实现的模拟QQ邮箱里的收件人选取及其他效果(一)
2011/01/06 Javascript
Table冻结表头示例代码
2013/08/20 Javascript
js全屏显示显示代码的三种方法
2013/11/11 Javascript
jquery实现动态菜单的实例代码
2013/11/28 Javascript
倒记时60刷新网页的js代码
2014/02/18 Javascript
javascript教程:关于if简写语句优化的方法
2014/05/17 Javascript
javascript实现iframe框架延时加载的方法
2014/10/30 Javascript
分享20个提升网站界面体验的jQuery插件
2014/12/15 Javascript
jQuery实现伸展与合拢panel的方法
2015/04/30 Javascript
使用jQuery mobile库检测url绝对地址和相对地址的方法
2015/12/04 Javascript
基于Bootstrap实现下拉菜单项和表单导航条(两个菜单项,一个下拉菜单和登录表单导航条)
2016/07/22 Javascript
AngularJS入门之动画
2016/07/27 Javascript
js实现图片缓慢放大缩小效果
2016/08/02 Javascript
vue2.0数据双向绑定与表单bootstrap+vue组件
2017/02/27 Javascript
Nodejs 和Session 原理及实战技巧小结
2017/08/25 NodeJs
vue框架搭建之axios使用教程
2018/07/11 Javascript
微信小程序调用后台service教程详解
2020/11/06 Javascript
[01:14:31]Secret vs VG 2018国际邀请赛淘汰赛BO3 第一场 8.23
2018/08/24 DOTA
Python 实现数据结构-循环队列的操作方法
2019/07/17 Python
python使用paramiko模块通过ssh2协议对交换机进行配置的方法
2019/07/25 Python
关于PyTorch源码解读之torchvision.models
2019/08/17 Python
python垃圾回收机制(GC)原理解析
2019/12/30 Python
linux面试题参考答案(5)
2016/11/05 面试题
幼儿园教师师德师风演讲稿:爱我所爱 无悔青春
2014/09/10 职场文书
秋季运动会广播稿(30篇)
2014/09/13 职场文书
夫妻房产协议书的格式
2014/10/11 职场文书
幼儿园托班开学寄语(2016春季)
2015/12/03 职场文书
利用python做表格数据处理
2021/04/13 Python
pytorch Dropout过拟合的操作
2021/05/27 Python