小程序点击复制功能_怎么复制小程序链接
大家好，又见面了，我是你们的朋友全栈君。
先来说明一下我们需要实现的最终效果：
用户点击之后复制页面内容。参考详情
一、长按复制：
长按复制，在微信小程序内的文字无法长按复制，除了text节点以外，但是要在text标签内加一个“selectable”属性。
话不多说，我们直接上代码
1.WXML
< text selectable="true" >长按复制< text/> 二、一键复制：
添加点击事件，绑定js方法，点击复制。
话不多说，我们直接上代码
1.WXML
<view bindtap="copy" data-item='{
{text}}'>点击复制内容：{
{text}}</view>2.JS
Page({
data: {
text:"123456789",
},
copy: function (e) {
let item = e.currentTarget.dataset.item;
console.log("复制", e, item);
wx.setClipboardData({
data: item,
success: function (res) {
showToastInfo({
title: '复制成功',
icon:"success"
});
}
});
},
})————- The End ————-
许可协议: 转载请保留原文链接及作者。
版权声明：本文内容由互联网用户自发贡献，该文观点仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 举报，一经查实，本站将立刻删除。
发布者：全栈程序员栈长，转载请注明出处：https://javaforall.cn/187863.html原文链接：https://javaforall.cn
本文参与 腾讯云自媒体同步曝光计划，分享自作者个人站点/博客。
原始发表：2022年9月29日 ，如有侵权请联系 cloudcommunity@tencent.com 删除
评论
登录后参与评论
推荐阅读
目录
相关产品与服务
云开发 CloudBase
云开发（Tencent CloudBase，TCB）是腾讯云提供的云原生一体化开发环境和工具平台，为200万+企业和开发者提供高可用、自动弹性扩缩的后端云服务，可用于云端一体化开发多种端应用（小程序、公众号、Web 应用等），避免了应用开发过程中繁琐的服务器搭建及运维，开发者可以专注于业务逻辑的实现，开发门槛更低，效率更高。
腾讯云开发者
