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


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中几种去掉字串左右空格的方法
Dec 25 Javascript
jQuery开发者都需要知道的5个小技巧
Jan 08 Javascript
JavaScript中:表达式和语句的区别[译]
Sep 17 Javascript
js禁止页面使用右键(简单示例代码)
Nov 13 Javascript
JQuery $.each遍历JavaScript数组对象实例
Sep 01 Javascript
jquery控制背景音乐开关与自动播放提示音的方法
Feb 06 Javascript
面试常见的js算法题
Mar 23 Javascript
JavaScript DOM元素常见操作详解【添加、删除、修改等】
May 09 Javascript
socket在egg中的使用实例代码详解
May 30 Javascript
layer页面跳转,获取html子节点元素的值方法
Sep 27 Javascript
JavaScript实现滑动门效果
Jan 18 Javascript
JS PHP字符串截取函数实现原理解析
Aug 29 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选项与信息函数的使用详解
2013/05/10 PHP
php实现用户注册密码的crypt加密
2017/06/08 PHP
node.js中的path.isAbsolute方法使用说明
2014/12/08 Javascript
JavaScript实现N皇后问题算法谜题解答
2014/12/29 Javascript
利用JavaScript判断浏览器类型及版本
2016/08/23 Javascript
JS实现探测网站链接的方法【测试可用】
2016/11/08 Javascript
JS日程管理插件FullCalendar中文说明文档
2017/02/06 Javascript
JS拉起或下载app的实现代码
2017/02/22 Javascript
Bootstrap面板(Panels)的简单实现代码
2017/03/17 Javascript
Three.js利用性能插件stats实现性能监听的方法
2017/09/25 Javascript
Vue项目webpack打包部署到Tomcat刷新报404错误问题的解决方案
2018/05/15 Javascript
Vue Autocomplete 自动完成功能简单示例
2019/05/25 Javascript
layui 表单标签的校验方法
2019/09/04 Javascript
原生js canvas实现鼠标跟随效果
2020/08/02 Javascript
[07:59]2014DOTA2叨叨刀塔 林熊猫称被邀请赛现场盛况震撼
2014/07/21 DOTA
python实现simhash算法实例
2014/04/25 Python
用Python实现一个简单的能够上传下载的HTTP服务器
2015/05/05 Python
python数字图像处理之高级滤波代码详解
2017/11/23 Python
windows下python安装pip图文教程
2018/05/25 Python
Python中判断输入是否为数字的实现代码
2018/05/26 Python
python3写的简单本地文件上传服务器实例
2018/06/04 Python
python 自动批量打开网页的示例
2019/02/21 Python
Django发送邮件和itsdangerous模块的配合使用解析
2019/08/10 Python
利用python生成照片墙的示例代码
2020/04/09 Python
澳大利亚电商Catch新西兰站:Catch.co.nz
2020/05/30 全球购物
JSF面试题:如何管量web层中的Bean,用什么标签。如何通过jsp页面与Bean绑定在一起进行处理?
2012/10/05 面试题
《棉鞋里的阳光》教学反思
2014/04/24 职场文书
基层党建工作宣传标语
2014/06/24 职场文书
财务务虚会发言材料
2014/10/20 职场文书
《平行四边形的面积》教学反思
2016/02/16 职场文书
人事行政部各岗位职责说明书!
2019/07/15 职场文书
python基于tkinter制作无损音乐下载工具
2021/03/29 Python
selenium.webdriver中add_argument方法常用参数表
2021/04/08 Python
html css3不拉伸图片显示效果
2021/06/07 HTML / CSS
MyBatis-Plus 批量插入数据的操作方法
2021/09/25 Java/Android
centos8安装MongoDB的详细过程
2021/10/24 MongoDB