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


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 常用代码技巧大收集
Feb 25 Javascript
Javascript操作cookie的函数代码
Oct 03 Javascript
JS简单实现元素复制示例附图
Nov 19 Javascript
JavaScript实现DIV层拖动及动态增加新层的方法
May 12 Javascript
Javascript字符串常用方法详解
Jul 21 Javascript
jquery与ajax获取特殊字符实例详解
Jan 08 Javascript
Angular.js基础学习之初始化
Mar 10 Javascript
Angular 2父子组件数据传递之@ViewChild获取子组件详解
Jul 04 Javascript
JS简单实现父子窗口传值功能示例【未使用iframe框架】
Sep 20 Javascript
layer 关闭指定弹出层的例子
Sep 25 Javascript
Vue+Element-UI实现上传图片并压缩
Nov 26 Javascript
vue3.0自定义指令(drectives)知识点总结
Dec 27 Vue.js
如何基于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 读取和修改大文件的某行内容的代码
2009/10/30 PHP
PHP 使用 Imagick 裁切/生成缩略图/添加水印自动检测和处理 GIF
2016/02/19 PHP
PHP运行模式汇总
2016/11/06 PHP
js拖拽一些常见的思路方法整理
2014/03/19 Javascript
JavaScript输出当前时间Unix时间戳的方法
2015/04/06 Javascript
解决WordPress使用CDN后博文无法评论的错误
2015/12/15 Javascript
js简单时间比较的方法
2016/08/02 Javascript
jquery组件WebUploader文件上传用法详解
2020/10/23 Javascript
JS实现获取来自百度,Google,soso,sogou关键词的方法
2016/12/21 Javascript
node学习记录之搭建web服务器教程
2017/02/16 Javascript
JavaScript中undefined和null的区别
2017/05/03 Javascript
mac下的nodejs环境安装的步骤
2017/05/24 NodeJs
使用 Javascript 实现浏览器推送提醒功能的示例
2017/11/03 Javascript
Javascript中parseInt的正确使用方式
2018/10/17 Javascript
vue 左滑删除功能的示例代码
2019/01/28 Javascript
mocha的时序规则讲解
2019/02/16 Javascript
实现一个 Vue 吸顶锚点组件方法
2019/07/10 Javascript
vue 路由守卫(导航守卫)及其具体使用
2020/02/25 Javascript
vue - props 声明数组和对象操作
2020/07/30 Javascript
javascript前端和后台进行数据交互方法示例
2020/08/07 Javascript
[45:15]Optic vs VP 2018国际邀请赛淘汰赛BO3 第一场 8.24
2018/08/25 DOTA
Python and、or以及and-or语法总结
2015/04/14 Python
python编程培训 python培训靠谱吗
2018/01/17 Python
Python之reload流程实例代码解析
2018/01/29 Python
python链接oracle数据库以及数据库的增删改查实例
2018/01/30 Python
Python实现使用request模块下载图片demo示例
2019/05/24 Python
Pandas之DataFrame对象的列和索引之间的转化
2019/06/25 Python
Django中提供的6种缓存方式详解
2019/08/05 Python
很酷的HTML5电子书翻页动画特效
2016/02/25 HTML / CSS
HTML5+CSS设置浮动却没有动反而在中间且错行的问题
2020/05/26 HTML / CSS
丽笙酒店官方网站:Radisson Hotels
2019/05/07 全球购物
医院辞职信范文
2014/01/17 职场文书
临时用工协议书范本
2014/10/29 职场文书
教师求职自荐信范文
2015/03/04 职场文书
MySQL基础(一)
2021/04/05 MySQL
Springboot/Springcloud项目集成redis进行存取的过程解析
2021/12/04 Redis