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


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 相关文章推荐
jQuery live( type, fn ) 委派事件实现
Oct 11 Javascript
Java/JS获取flash高宽的具体方法
Dec 27 Javascript
jquery的trigger和triggerHandler的区别示例介绍
Apr 20 Javascript
jquery map方法使用示例
Apr 23 Javascript
node.js中的events.emitter.once方法使用说明
Dec 10 Javascript
javaScript中push函数用法实例分析
Jun 08 Javascript
jquery实现页面常用的返回顶部效果
Mar 04 Javascript
jQuery基于事件控制实现点击显示内容下拉效果
Mar 07 Javascript
原生js更改css样式的两种方式
Mar 15 Javascript
从parcel.js打包出错到选择nvm的全部过程
Jan 23 Javascript
JS实现移动端在线签协议功能
Aug 22 Javascript
原生JavaScript创建不可变对象的方法简单示例
May 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修改session_id示例代码
2014/01/08 PHP
PHP随机数 C扩展随机数
2016/05/04 PHP
ThinkPHP实现图片上传操作的方法详解
2017/05/08 PHP
详解php用static方法的原因
2018/09/12 PHP
php-7.3.6 编译安装过程
2020/02/11 PHP
javascript引用对象的方法代码
2007/08/13 Javascript
JavaScript导出Excel实例详解
2014/11/25 Javascript
asp.net+js实现金额格式化
2015/02/27 Javascript
浅谈EasyUI中编辑treegrid的方法
2015/03/01 Javascript
jQuery实现动态表单验证时文本框抖动效果完整实例
2015/08/21 Javascript
深入学习jQuery Validate表单验证(二)
2016/01/18 Javascript
JavaScript修改作用域外变量的方法
2016/03/25 Javascript
JS实现禁止高频率连续点击的方法【基于ES6语法】
2017/04/25 Javascript
详解Angular 中 ngOnInit 和 constructor 使用场景
2017/06/22 Javascript
Vue列表页渲染优化详解
2017/07/24 Javascript
Vue组件模板形式实现对象数组数据循环为树形结构(实例代码)
2017/07/31 Javascript
js 客户端打印html 并且去掉页眉、页脚的实例
2017/11/03 Javascript
第一个Vue插件从封装到发布
2017/11/22 Javascript
解决vue项目打包后提示图片文件路径错误的问题
2018/07/04 Javascript
jquery-ui 进度条功能示例【测试可用】
2019/07/25 jQuery
微信小程序 数据缓存实现方法详解
2019/08/26 Javascript
VSCode插件安装完成后的配置(常用配置)
2020/08/24 Javascript
[56:46]Liquid vs IG 2018国际邀请赛小组赛BO2 第二场 8.17
2018/08/18 DOTA
Python搭建FTP服务器的方法示例
2018/01/19 Python
解决每次打开pycharm直接进入项目的问题
2018/10/28 Python
Python 中Django安装和使用教程详解
2019/07/03 Python
python 实现将多条曲线画在一幅图上的方法
2019/07/07 Python
Python3的unicode编码转换成中文的问题及解决方案
2019/12/10 Python
Python如何给函数库增加日志功能
2020/08/04 Python
使用css实现android系统的loading加载动画
2019/07/25 HTML / CSS
国际会议邀请函范文
2014/01/16 职场文书
担保书怎么写
2014/04/01 职场文书
书法大赛策划方案
2014/06/04 职场文书
综合测评个人总结
2015/03/03 职场文书
亮剑观后感500字
2015/06/05 职场文书
简历中的自我评价应该这样写!
2019/07/12 职场文书