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


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基础的动画教程,直观易懂
Jan 10 Javascript
Jquery 选中表格一列并对表格排序实现原理
Dec 15 Javascript
js 距离某一时间点时间是多少实现代码
Oct 14 Javascript
Jquery技巧(必须掌握)
Mar 16 Javascript
jQuery+PHP实现微信转盘抽奖功能的方法
May 25 Javascript
浅谈JavaScript的push(),pop(),concat()方法
Jun 03 Javascript
ionic2 tabs使用 Modal底部tab弹出框
Dec 30 Javascript
jQuery简单绑定单个事件的方法示例
Jun 10 jQuery
layui-table获得当前行的上/下一行数据的例子
Sep 24 Javascript
小程序实现录音上传功能
Nov 22 Javascript
在Vue 中实现循环渲染多个相同echarts图表
Jul 20 Javascript
解决VUE 在IE下出现ReferenceError: Promise未定义的问题
Nov 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
php删除指定目录的方法
2015/04/03 PHP
PHP使用递归生成文章树
2015/04/21 PHP
php实现有趣的人品测试程序实例
2015/06/08 PHP
ThinkPHP模型详解
2015/07/27 PHP
详解PHP处理密码的几种方式
2016/11/30 PHP
PHP抽象类和接口用法实例详解
2019/07/20 PHP
几个高效,简洁的字符处理函数
2007/04/12 Javascript
理解Javascript_15_作用域分配与变量访问规则,再送个闭包
2010/10/20 Javascript
Javascript表格翻页效果的具体实现
2013/10/05 Javascript
JS将制定内容复制到剪切板示例代码
2014/02/11 Javascript
JS实现窗口加载时模拟鼠标移动的方法
2015/06/03 Javascript
Clipboard.js 无需Flash的JavaScript复制粘贴库
2015/10/02 Javascript
JS遍历数组及打印数组实例分析
2016/01/21 Javascript
轻松掌握JavaScript单例模式
2016/08/25 Javascript
Dropzone.js实现文件拖拽上传功能(附源码下载)
2016/11/22 Javascript
微信小程序开发之实现选项卡(窗口顶部TabBar)页面切换
2016/11/25 Javascript
利用jquery实现下拉框的禁用与启用
2016/12/07 Javascript
基于Swiper实现移动端页面图片轮播效果
2017/12/28 Javascript
node.js中TCP Socket多进程间的消息推送示例详解
2018/07/10 Javascript
vc6编写python扩展的方法分享
2014/01/17 Python
Python入门篇之字符串
2014/10/17 Python
python base64 decode incorrect padding错误解决方法
2015/01/08 Python
Python遍历文件夹和读写文件的实现代码
2016/08/28 Python
Python中GIL的使用详解
2018/10/03 Python
python实现扫描局域网指定网段ip的方法
2019/04/16 Python
python将字符串list写入excel和txt的实例
2019/07/20 Python
python统计字符串中字母出现次数代码实例
2020/03/02 Python
CSS3实现内凹圆角的实例代码
2017/05/04 HTML / CSS
德国苹果商店:MacTrade
2020/05/18 全球购物
如何配置、使用和清除Smarty缓存
2015/12/23 面试题
公务员更新知识培训实施方案
2014/03/31 职场文书
艺术设计专业个人求职信
2014/04/10 职场文书
八荣八耻的活动方案
2014/08/16 职场文书
教学质量月活动总结
2015/05/11 职场文书
传单、海报早OUT了,另类传单营销方案送给你!
2019/07/15 职场文书
Win11 Build 22000.829更新补丁KB5015882发布(附更新修复内容汇总)
2022/07/15 数码科技