详解微信小程序之一键复制到剪切板


Posted in Javascript onApril 24, 2019

最近在开发小程序项目里遇到一个小难题-----一键复制

在网页开发里 我们可以引用大牛封装好的复制插件,比如无flash插件clipboard.js适用移动端,pc端-------

言归正装,打开微信开发文档打开-APi即可查询到:

详解微信小程序之一键复制到剪切板

详解微信小程序之一键复制到剪切板

 第一个是设置要复制的内容到剪切板,第二个是获取剪切板的内容,我们要用到的是第一个设置剪切板内容:

1.

<text class="tblin_items_txt" selectable="true">{{detail.taokouling||''}}</text> <!-- 复制的对象-->
 <view class="tblin_items_btn" bindtap="copyTBL">一键复制</view><!-- 复制操作 -->

2.js:

copyTBL:function(e){
  var self=this;
  wx.setClipboardData({
  data: self.data.taokouling,
  success: function(res) {
   // self.setData({copyTip:true}),
   wx.showModal({
   title: '提示',
   content: '复制成功',
   success: function(res) {
    if (res.confirm) {
     console.log('确定')
    } else if (res.cancel) {
     console.log('取消')
    }
   }
})
  }
 });
 }

data里我这边是设置成接口给的数据然后赋值到这里,只要我们点击复制按钮即可将你要的内容复制到剪切板,从而达到复制效果。

或者也可以在复制的对象里设置参数。将参数对应值传到js复制指令的data里即可。

以上所述是小编给大家介绍的微信小程序一键复制到剪切板详解整合,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对三水点靠木网站的支持!

Javascript 相关文章推荐
JS中Iframe之间传值及子页面与父页面应用
Mar 11 Javascript
jquery动态分页效果堪比时光网
Sep 25 Javascript
浅谈JS中的三种字符串连接方式及其性能比较
Sep 02 Javascript
jQuery 移动端拖拽(模块化开发,触摸事件,webpack)
Oct 28 Javascript
ES6数组的扩展详解
Apr 25 Javascript
JavaScript之Date_动力节点Java学院整理
Jun 28 Javascript
vue-cli项目如何使用vue-resource获取本地的json数据(模拟服务端返回数据)
Aug 04 Javascript
基于Bootstrap框架菜鸟入门教程(推荐)
Sep 17 Javascript
微信小程序获取手机系统信息的方法【附源码下载】
Dec 07 Javascript
JavaScript类数组对象转换为数组对象的方法实例分析
Jul 24 Javascript
angular 用Observable实现异步调用的方法
Dec 27 Javascript
javascript进阶篇深拷贝实现的四种方式
Jul 07 Javascript
使用vue-cli3新建一个项目并写好基本配置(推荐)
Apr 24 #Javascript
vue-cli3使用 DllPlugin 实现预编译提升构建速度
Apr 24 #Javascript
vue改变对象或数组时的刷新机制的方法总结
Apr 24 #Javascript
详解Vue源码中一些util函数
Apr 24 #Javascript
vue-cli3 DllPlugin 提取公用库的方法
Apr 24 #Javascript
VUE 实现复制内容到剪贴板的两种方法
Apr 24 #Javascript
详解一个小实例理解js原型和继承
Apr 24 #Javascript
You might like
第4章 数据处理-php正则表达式-郑阿奇(续)
2011/07/04 PHP
PHP 第二节 数据类型之数值型
2012/04/28 PHP
php实现的一个简单json rpc框架实例
2015/03/30 PHP
关于扩展 Laravel 默认 Session 中间件导致的 Session 写入失效问题分析
2016/01/08 PHP
Linux平台php命令行程序处理管道数据的方法
2016/11/10 PHP
PHP PDO和消息队列的个人理解与应用实例分析
2019/11/25 PHP
与jquery serializeArray()一起使用的函数,主要来方便提交表单
2011/01/31 Javascript
js switch case default 的用法示例介绍
2013/10/23 Javascript
浅析jQuery中调用ajax方法时在不同浏览器中遇到的问题
2014/06/11 Javascript
JavaScript中的原型和继承详解(图文)
2014/07/18 Javascript
Bootstrap Table使用方法详解
2016/08/01 Javascript
jQuery模拟下拉框选择对应菜单的内容
2017/03/07 Javascript
通过jquery toggleClass()属性制作文章段落更改背景颜色
2018/05/21 jQuery
Angular6 写一个简单的Select组件示例
2018/08/20 Javascript
JavaScript变量作用域及内存问题实例分析
2019/06/10 Javascript
vue移动端使用appClound拉起支付宝支付的实现方法
2019/11/21 Javascript
JavaScript 实现继承的几种方式
2021/02/19 Javascript
python itchat实现微信自动回复的示例代码
2017/08/14 Python
python读取excel表格生成erlang数据
2017/08/26 Python
python模块smtplib实现纯文本邮件发送功能
2018/05/22 Python
Python3中bytes类型转换为str类型
2018/09/27 Python
详解Python发送email的三种方式
2018/10/18 Python
python+OpenCV实现图像拼接
2020/03/05 Python
解决python3.6用cx_Oracle库连接Oracle的问题
2020/12/07 Python
Python urllib request模块发送请求实现过程解析
2020/12/10 Python
CSS3制作hover下划线动画
2017/03/27 HTML / CSS
澳大利亚领先的在线美容商城:Adore Beauty
2017/04/14 全球购物
SKECHERS官方旗舰店:美国舒适运动休闲品牌
2017/12/22 全球购物
UNIONBAY官网:美国青少年服装品牌
2019/03/26 全球购物
Solaris操作系统的线程机制
2012/12/23 面试题
如何清空Session
2015/02/23 面试题
鼓舞士气的口号
2014/06/16 职场文书
2014年信息中心工作总结
2014/12/17 职场文书
体育教师个人总结
2015/02/09 职场文书
2019公司管理制度
2019/04/19 职场文书
怎么禁用Win11输入法 最新Win11输入法关闭教程
2022/08/05 数码科技