微信小程序实现的一键复制功能示例
更新时间：2019年04月24日 09:10:26 作者：weixin_41991473
这篇文章主要介绍了微信小程序实现的一键复制功能,结合实例形式分析了微信小程序wx.setClipboardData接口实现操作粘贴板进行复制操作的相关使用技巧,需要的朋友可以参考下
本文实例讲述了微信小程序实现的一键复制功能。分享给大家供大家参考，具体如下：
微信小程序不支持页面复制功能，故要实现某些信息的复制，需要开发复制功能
微信小程序中复制一般采用调用 wx.setClipboardData 接口
实现功能如下：
1，.wxml里写一个复制按钮
<button bindtap="copy"> 一键复制 </button>
2, .js里写复制功能
copy: function (e) {
var that = this;
wx.setClipboardData({
data: "这里为复制的内容",
success: function (res) {
wx.showModal({
title: '提示',
content: '复制成功',
success: function (res) {
if (res.confirm) {
console.log('确定')
} else if (res.cancel) {
console.log('取消')
}
}
})
}
});
},
如此即可实现复制功能了
wx.setClipboardData 接口详细说明还可参考官方文档：https://developers.weixin.qq.com/miniprogram/dev/api/wx.setClipboardData.html
希望本文所述对大家微信小程序开发有所帮助。
您可能感兴趣的文章:
相关文章
这篇文章主要为大家介绍了Web Audi 绘制音频图谱实现示例详解，有需要的朋友可以借鉴参考下，希望能够有所帮助，祝大家多多进步，早日升职加薪2023-03-03
浅谈es6中export和export default的作用及区别
下面小编就为大家分享一篇浅谈es6中export和export default的作用及区别，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧2018-02-02
浅谈layer的Icon样式以及一些常用的layer窗口使用方法
今天小编就为大家分享一篇浅谈layer的Icon样式以及一些常用的layer窗口使用方法，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧2019-09-09
基于JS如何实现给字符加千分符(65，541，694，158)
JS如何实现给字符加千分符，本文给大家带来了基于js实现的代码，代码简单易懂，感兴趣的朋友一起学习吧2016-08-08
JavaScript数组去重这个问题,经常出现在面试题中,下面这篇文章主要给大家介绍了关于JavaScript数组去重的五种方法及其他细节和拓展的相关资料,文中通过实例代码以及图文介绍的非常详细,需要的朋友可以参考下2022-12-12
这篇文章主要为大家详细介绍了小程序自定义日历效果，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2018-12-12
就是在当前页面用AJAX请求当前页面，返回的就是整个页面的HTML··既然是整个页面，所以也包括文档声明2011-12-12
这篇文章主要介绍了js中getter和setter用法,结合实例形式分析了javascript中getter和setter的功能、使用方法及相关操作注意事项,需要的朋友可以参考下2018-08-08
这篇文章主要介绍了小程序组件之仿微信通讯录的实现代码。小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧2018-09-09
昨天练习的时候正好要用到跳转代码,在网上找了一下,觉得下面几个不错...整理了一下发上来...2008-12-12
最新评论