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


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 相关文章推荐
Javascript 判断函数类型完美解决方案
Sep 02 Javascript
IE 上下滚动展示模仿Marquee机制
Dec 20 Javascript
JavaScript打开word文档的实现代码(c#)
Apr 16 Javascript
ajax提交表单实现网页无刷新注册示例
May 08 Javascript
jquery制作select列表双向选择示例代码
Sep 02 Javascript
Grunt入门教程(自动任务运行器)
Aug 06 Javascript
JavaScript与jQuery实现的闪烁输入效果
Feb 18 Javascript
JS面向对象(3)之Object类,静态属性,闭包,私有属性, call和apply的使用,继承的三种实现方法
Feb 25 Javascript
浅谈js在html中的加载执行顺序,多个jquery ready执行顺序
Nov 26 Javascript
js实现鼠标拖动功能
Mar 20 Javascript
详解如何使用Node.js编写命令工具——以vue-cli为例
Jun 29 Javascript
基于ajax实现上传图片代码示例解析
Dec 03 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
php自动适应范围的分页代码
2008/08/05 PHP
PHP基于DateTime类解决Unix时间戳与日期互转问题【针对1970年前及2038年后时间戳】
2018/06/13 PHP
PHP里的$_GET数组介绍
2019/03/22 PHP
一文看懂PHP进程管理器php-fpm
2020/06/01 PHP
js调用flash的效果代码
2008/04/26 Javascript
什么是DOM(Document Object Model)文档对象模型
2012/03/05 Javascript
为原生js Array增加each方法
2012/04/07 Javascript
jquery异步跨域访问代码
2013/06/28 Javascript
JS定时刷新页面及跳转页面的方法
2013/07/04 Javascript
浏览器兼容console对象的简要解决方案分享
2013/10/24 Javascript
Bootstrap开发实战之第一次接触Bootstrap
2016/06/02 Javascript
详解vue静态资源打包中的坑与解决方案
2018/02/05 Javascript
NodeJs实现简单的爬虫功能案例分析
2018/12/05 NodeJs
JS温故而知新之变量提升和时间死区
2019/01/27 Javascript
vue基于两个计算属性实现选中和全选功能示例
2019/02/08 Javascript
[01:19:46]DOTA2-DPC中国联赛 正赛 SAG vs DLG BO3 第一场 2月28日
2021/03/11 DOTA
Python中的map、reduce和filter浅析
2014/04/26 Python
跟老齐学Python之大话题小函数(2)
2014/10/10 Python
使用Python的Twisted框架实现一个简单的服务器
2015/04/16 Python
python实现读取excel写入mysql的小工具详解
2017/11/20 Python
Python基于opencv实现的简单画板功能示例
2019/03/04 Python
Django项目使用ckeditor详解(不使用admin)
2019/12/17 Python
Python 面向对象之类class和对象基本用法示例
2020/02/02 Python
Django 删除upload_to文件的步骤
2020/03/30 Python
python新手学习使用库
2020/06/11 Python
Python操作MySQL数据库的示例代码
2020/07/13 Python
详解CSS3开启硬件加速的使用和坑
2017/08/21 HTML / CSS
国外最大的眼镜网站:Coastal
2017/08/09 全球购物
工地门卫岗位职责
2013/12/30 职场文书
光盘行动倡议书
2014/02/02 职场文书
公司端午节活动方案
2014/02/04 职场文书
就业协议书样本
2014/08/20 职场文书
清洁工个人总结
2015/03/04 职场文书
医院病假条怎么写
2015/08/17 职场文书
MySql数据库触发器使用教程
2022/06/01 MySQL
微信小程序纯CSS实现无限弹幕滚动效果
2022/09/23 HTML / CSS