欢迎来到代码驿站!

JavaScript代码

当前位置:首页 > 网页前端 > JavaScript代码

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

时间:2021-09-12 14:00:51|栏目:JavaScript代码|点击:

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

在网页开发里 我们可以引用大牛封装好的复制插件,比如无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里即可。

上一篇:JS实现网页上随机产生超链接地址的方法

栏    目:JavaScript代码

下一篇:微信小程序实现图片压缩

本文标题:详解微信小程序之一键复制到剪切板

本文地址:http://www.codeinn.net/misctech/174529.html

推荐教程

广告投放 | 联系我们 | 版权申明

重要申明:本站所有的文章、图片、评论等,均由网友发表或上传并维护或收集自网络,属个人行为,与本站立场无关。

如果侵犯了您的权利,请与我们联系,我们将在24小时内进行处理、任何非本站因素导致的法律后果,本站均不负任何责任。

联系QQ:914707363 | 邮箱:codeinn#126.com(#换成@)

Copyright © 2020 代码驿站 版权所有