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


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 相关文章推荐
利用jQuary实现文字浮动提示效果示例代码
Dec 26 Javascript
JS和函数式语言的三特性
Mar 05 Javascript
全面解析标签页的切换方式
Aug 21 Javascript
WEB前端实现裁剪上传图片功能
Oct 17 Javascript
Bootstrap源码解读排版(1)
Dec 23 Javascript
详解JavaScript中js对象与JSON格式字符串的相互转换
Feb 14 Javascript
Vue.directive()的用法和实例详解
Mar 04 Javascript
深入浅析AngularJs模版与v-bind
Jul 06 Javascript
jQuery实现checkbox全选功能完整实例
Jul 12 jQuery
jQuery选择器选中最后一个元素,倒数第二个元素操作示例
Dec 10 jQuery
Vue动态组件与异步组件实例详解
Feb 23 Javascript
javascript 数组精简技巧小结
Feb 26 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/11/25 PHP
PHP 最大运行时间 max_execution_time修改方法
2010/03/08 PHP
destoon实现首页显示供应、企业、资讯条数的方法
2014/07/15 PHP
PHP原生函数一定好吗?
2014/12/08 PHP
在SAE上搭建最新wordpress的方法
2014/12/21 PHP
php文件上传简单实现方法
2015/01/24 PHP
让广告代码不再影响你的网页加载速度
2006/07/07 Javascript
用javascript实现给图片加链接
2007/08/15 Javascript
ExtJS 2.0 GridPanel基本表格简明教程
2010/05/25 Javascript
jQuery创建自己的插件(自定义插件)的方法
2010/06/10 Javascript
jquery和ajax的关系详细介绍
2013/11/29 Javascript
js实现跟随鼠标移动且带关闭功能的图片广告实例
2015/02/26 Javascript
基于JavaScript实现回到页面顶部动画代码
2016/05/24 Javascript
JS实现拖拽的方法分析
2016/12/20 Javascript
js时间控件只显示年月
2017/01/08 Javascript
基于jQuery实现的Ajax 验证用户名唯一性实例代码
2017/06/28 jQuery
ComboBox(下拉列表框)通过url加载调用远程数据的方法
2017/08/06 Javascript
js中console在一行内打印字符串和对象的方法
2019/09/10 Javascript
Vue-cli项目部署到Nginx服务器的方法
2019/11/01 Javascript
小程序实现图片移动缩放效果
2020/05/26 Javascript
js实现九宫格布局效果
2020/05/28 Javascript
ant-design-vue中的select选择器,对输入值的进行筛选操作
2020/10/24 Javascript
微信小程序自定义yPicker组件实现省市区三级联动功能
2020/10/29 Javascript
Python Web框架Flask中使用百度云存储BCS实例
2015/02/08 Python
Python插件virtualenv搭建虚拟环境
2017/11/20 Python
Python3.6基于正则实现的计算器示例【无优化简单注释版】
2018/06/14 Python
Python 16进制与中文相互转换的实现方法
2018/07/09 Python
使用pytorch和torchtext进行文本分类的实例
2020/01/08 Python
美国领先的汽车轮胎和轮毂供应商:TireBuyer
2016/07/21 全球购物
社区志愿者心得体会
2014/01/03 职场文书
办公室秘书自我鉴定
2014/01/18 职场文书
小学教师办公室制度
2014/02/03 职场文书
2016基督教会圣诞节开幕词
2016/03/04 职场文书
某药房的新员工入职告知书!
2019/07/15 职场文书
使用Nginx搭载rtmp直播服务器的方法
2021/10/16 Servers
MySQL下载安装配置详细教程 附下载资源
2022/09/23 MySQL