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


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 打开页面window.location和window.open的区别
Mar 17 Javascript
$.format,jquery.format 使用说明
Jul 13 Javascript
JavaScript实现复制功能各浏览器支持情况实测
Jul 18 Javascript
AngularJS入门知识之MVW类框架的编程思想探讨
Dec 08 Javascript
原生javascript实现简单的datagrid数据表格
Jan 02 Javascript
Highcharts 多个Y轴动态刷新数据的实现代码
May 28 Javascript
详解BootStrap中Affix控件的使用及保持布局的美观的方法
Jul 08 Javascript
jQuery选择器特殊字符与属性空格问题
Aug 14 jQuery
微信小程序MUI导航栏透明渐变功能示例(通过改变rgba的a值实现)
Jan 24 Javascript
微信小程序实现3D轮播图效果(非swiper组件)
Sep 21 Javascript
js实现鼠标拖拽div左右滑动
Jan 15 Javascript
Vue快速实现通用表单验证的方法
Feb 24 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 归并排序 数组交集
2011/05/10 PHP
PHP获取文件夹内文件数的方法
2015/03/12 PHP
php简单实现多语言切换的方法
2016/05/09 PHP
PHP中CheckBox多选框上传失败的代码写法
2017/02/13 PHP
thinkPHP+LayUI 流加载实现功能
2019/09/27 PHP
通过js脚本复制网页上的一个表格的不错实现方法
2006/12/29 Javascript
客户端脚本中常常出现的一些问题和调试技巧
2007/01/09 Javascript
JavaScript入门教程(10) 认识其他对象
2009/01/31 Javascript
FireFox JavaScript全局Event对象
2009/06/14 Javascript
倒记时60刷新网页的js代码
2014/02/18 Javascript
JavaScript动态改变表格单元格内容的方法
2015/03/30 Javascript
C#中使用迭代器处理等待任务
2015/07/13 Javascript
Javascript基础知识盲点总结之函数
2016/05/15 Javascript
JavaScript门面模式详解
2017/10/19 Javascript
JavaScript数据结构之双向链表定义与使用方法示例
2017/10/27 Javascript
Vue 中使用vue2-highcharts实现曲线数据展示的方法
2018/03/05 Javascript
react 创建单例组件的方法
2018/04/26 Javascript
Python实现的百度站长自动URL提交小工具
2014/06/27 Python
go语言计算两个时间的时间差方法
2015/03/13 Python
pytorch + visdom 处理简单分类问题的示例
2018/06/04 Python
django2用iframe标签完成网页内嵌播放b站视频功能
2018/06/20 Python
基于numpy中数组元素的切片复制方法
2018/11/15 Python
基于Python模拟浏览器发送http请求
2020/11/06 Python
记一次python 爬虫爬取深圳租房信息的过程及遇到的问题
2020/11/24 Python
Python3.8.2安装包及安装教程图文详解(附安装包)
2020/11/28 Python
python tqdm库的使用
2020/11/30 Python
HTML5之WebGL 3D概述(下)—借助类库开发及框架介绍
2013/01/31 HTML / CSS
Priority Pass机场贵宾室会籍计划:全球超过1200间机场贵宾室
2018/08/26 全球购物
你常见到的runtime exception
2016/09/05 面试题
《充气雨衣》教学反思
2014/04/07 职场文书
学校志愿者活动总结
2014/06/27 职场文书
行政执法队伍作风整顿剖析材料
2014/10/11 职场文书
2014年妇委会工作总结
2014/12/10 职场文书
2015年小学二年级班主任工作总结
2015/05/21 职场文书
mysql死锁和分库分表问题详解
2021/04/16 MySQL
MySQL添加索引特点及优化问题
2022/07/23 MySQL