网站建设建站

日期:2020-12-30 类型:微信小程序

网站建设建站:详解微信小程序之一键复制到剪切板

详解微信小程序之一键复制到剪切板  更新2019年04月24日   作者:昌子的前端之路   这篇文章主要介绍了微信小程序一键复制到剪切板,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧

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

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

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

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

1.

 text selectable="true" {{detail.taokouling||''}} /text !-- 复制的对象-- 
 view 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 Ajax,GET和POST 请求实例代码的相关资料,非常不错具有参考借鉴价值,需要的朋友可以参考下

这篇文章主要介绍了JavaScript实现与web通信的方法详解,文章通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧

本文将详细介绍JavaScript中“+”的一些错误应用,需要的朋友可以参考下

Sublime Text几乎是任何开发者在其工具箱的必备应用程序,这篇文章主要介绍了JavaScript开发者必备的10个Sublime Text插件,感兴趣的小伙伴们可以参考一下

网上应用的一个不错common.js脚本...

这篇文章主要为大家详细介绍了javascript事件绑定使用方法,具有一定的参考价值,感兴趣的小伙伴们可以参考一下

有时侯我们在拷贝网页上的内容的时候,总是有一些,开头的数字,需要替换掉

这篇文章主要为大家详细介绍了原生js制作日历控件的具体代码,一个日历控件实例,原生js开发,感兴趣的小伙伴们可以参考一下

setCapture 的意思就是设置一个对象的方法被触发的范围,或者作用域。

这篇文章主要介绍了小程序mpvue点击按钮获取button值的方法,本文通过两种方法,给大家介绍的非常详细,具有一定的参考借鉴价值,需要的朋友可以参考下