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


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 相关文章推荐
JavaScript 直接操作本地文件的实现代码
Dec 01 Javascript
Javascript延迟执行实现方法(setTimeout)
Dec 30 Javascript
javascript数组快速打乱重排的方法
Jan 02 Javascript
控制台报错object is not a function的解决方法
Aug 24 Javascript
jQuery实现的导航条切换可显示隐藏
Oct 22 Javascript
JavaScript实现网站访问次数统计代码
Aug 12 Javascript
pc加载更多功能和移动端下拉刷新加载数据
Nov 07 Javascript
servlet+jquery实现文件上传进度条示例代码
Jan 25 Javascript
js 奇葩技巧之隐藏代码
Aug 11 Javascript
vue实现弹框遮罩点击其他区域弹框关闭及v-if与v-show的区别介绍
Sep 29 Javascript
iView-admin 动态路由问题的解决方法
Oct 03 Javascript
Js参数RSA加密传输之jsencrypt.js的使用
Feb 07 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
phpMyAdmin链接MySql错误 个人解决方案
2009/12/28 PHP
关于PHP实现异步操作的研究
2013/02/03 PHP
php程序总是提示验证码输入有误解决方案
2015/01/07 PHP
php二维数组合并及去重复的方法
2015/03/04 PHP
Jqgrid表格随窗口大小改变而改变的简单实例
2013/12/28 Javascript
js实现将选中内容分享到新浪或腾讯微博
2015/12/16 Javascript
js代码实现点击按钮出现60秒倒计时
2021/01/28 Javascript
深入学习js瀑布流布局
2016/10/14 Javascript
浅谈layer的iframe弹窗给里面的标签赋值的问题
2016/11/10 Javascript
JavaScript自动点击链接 防止绕过浏览器访问的方法
2017/01/19 Javascript
详解JavaScript中this的指向问题
2017/01/20 Javascript
通过jsonp获取json数据实现AJAX跨域请求
2017/01/22 Javascript
canvas滤镜效果实现代码
2017/02/06 Javascript
js实现上下左右弹框划出效果
2017/03/08 Javascript
JavaScript纯色二维码变成彩色二维码
2020/07/23 Javascript
bootstrap响应式表格实例详解
2017/05/15 Javascript
详谈ES6中的迭代器(Iterator)和生成器(Generator)
2017/07/31 Javascript
vue2.0 + element UI 中 el-table 数据导出Excel的方法
2018/03/02 Javascript
vue axios登录请求拦截器
2018/04/02 Javascript
通过vue-router懒加载解决首次加载时资源过多导致的速度缓慢问题
2018/04/08 Javascript
微信小程序 云开发模糊查询实现解析
2019/09/02 Javascript
python正则匹配查询港澳通行证办理进度示例分享
2013/12/27 Python
Python脚本实现Web漏洞扫描工具
2016/10/25 Python
Python之Scrapy爬虫框架安装及简单使用详解
2017/12/22 Python
对Python 文件夹遍历和文件查找的实例讲解
2018/04/26 Python
解决python matplotlib imshow无法显示的问题
2018/05/24 Python
Pyqt5 基本界面组件之inputDialog的使用
2019/06/25 Python
解决python -m pip install --upgrade pip 升级不成功问题
2020/03/05 Python
python简单实现9宫格图片实例
2020/09/03 Python
探究 canvas 绘图中撤销(undo)功能的实现方式详解
2018/05/17 HTML / CSS
HTML5视频播放插件 video.js介绍
2018/09/29 HTML / CSS
求职者应聘的自我评价
2013/10/16 职场文书
高中军训感想800字
2014/02/23 职场文书
面试必备的求职信
2014/05/25 职场文书
2015年房地产个人工作总结
2015/05/26 职场文书