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


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实现的动态添加表单元素input,button等(appendChild)
Nov 24 Javascript
js获取IP和PcName(IE)在vs中可用
Aug 02 Javascript
javascript四舍五入函数代码分享(保留后几位)
Dec 10 Javascript
jquery实现带二级菜单的导航示例
Apr 28 Javascript
jQuery插件boxScroll实现图片轮播特效
Jul 14 Javascript
JavaScript判断IE版本型号
Jul 27 Javascript
JavaScript解八皇后问题的方法总结
Jun 12 Javascript
bootstrap table表格客户端分页实例
Aug 07 Javascript
基于Vue2x的图片预览插件的示例代码
May 14 Javascript
JQuery搜索框自动补全(模糊匹配)功能实现示例
Jan 08 jQuery
JavaScript canvas绘制渐变颜色的矩形
Feb 18 Javascript
vue 解决provide和inject响应的问题
Nov 12 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
初探PHP5
2006/10/09 PHP
php 数组的指针操作实现代码
2011/02/08 PHP
PHP轻量级数据库操作类Medoo增加、删除、修改、查询例子
2014/07/04 PHP
基于jquery的多功能软键盘插件
2012/07/25 Javascript
js设置文本框中焦点位置在最后的示例代码(简单实用)
2014/03/04 Javascript
网页中表单按回车就自动提交的问题的解决方案
2014/11/03 Javascript
JavaScript编写推箱子游戏
2015/07/07 Javascript
jQuery实现的超酷苹果风格图标滑出菜单效果代码
2015/09/16 Javascript
jQuery获取checkbox选中的值
2016/01/28 Javascript
jQuery焦点图左右转换效果
2016/12/12 Javascript
jQuery获取table表中的td标签(实例讲解)
2017/07/28 jQuery
Vue的实例、生命周期与Vue脚手架(vue-cli)实例详解
2017/12/27 Javascript
JS动态插入脚本和插入引用外部链接脚本的方法
2018/05/21 Javascript
Vue+mui实现图片的本地缓存示例代码
2018/05/24 Javascript
解决vue.js this.$router.push无效的问题
2018/09/03 Javascript
微信小程序 获取手机号 JavaScript解密示例代码详解
2020/05/14 Javascript
解决谷歌搜索技术文章时打不开网页问题的python脚本
2013/02/10 Python
python避免死锁方法实例分析
2015/06/04 Python
Python开发中爬虫使用代理proxy抓取网页的方法示例
2017/09/26 Python
Python科学画图代码分享
2017/11/29 Python
Python简单计算数组元素平均值的方法示例
2017/12/26 Python
django 使用 request 获取浏览器发送的参数示例代码
2018/06/11 Python
Python Flask 搭建微信小程序后台详解
2019/05/06 Python
python处理大日志文件
2019/07/23 Python
如何基于Django实现上下文章跳转
2020/09/16 Python
Pycharm Available Package无法显示/安装包的问题Error Loading Package List解决
2020/09/18 Python
HTML5的语法变化介绍
2013/08/13 HTML / CSS
亚瑟士美国官网:ASICS美国
2017/02/01 全球购物
美国网上购买眼镜:Eyeconic
2017/07/29 全球购物
阿姆斯特丹杜莎夫人蜡像馆官方网站:Madame Tussauds Amsterdam
2019/03/12 全球购物
网上卖盒饭创业计划书
2014/01/26 职场文书
诚信考试承诺书
2014/03/27 职场文书
委托书样本
2014/04/02 职场文书
推广普通话演讲稿
2014/05/23 职场文书
证券公司客户经理岗位职责
2015/04/09 职场文书
教师节作文之小学四年级
2019/09/03 职场文书