微信小程序实现长按复制和点击复制

我们在进行微信小程序开发时，经常会遇到用户通过长按文字复制和用户通过点击事件复制指定内容的需求。
长按复制:
微信小程序中text标签中有一个selectable属性可以满足我们的需求，我们只需要把属性的值设置为true即可。

<text selectable='true'>哈哈哈哈哈哈哈哈哈哈哈哈</text>

点击复制:
点击事件的介质可以是任何有bindtap属性的标签。
我们以view为例。

<view bindtap='onClick'>点我</view>

  onClick(){var that = this;wx.setClipboardData({data: '哈哈哈哈',success(res){wx.showToast({title: '复制成功',})}})},

效果已经实现。
这是比较常用的实现复制功能的方式。
有什么问题可以联系QQ：505417246
关注下面微信公众号，可以领取微信小程序、Vue、TypeScript、前端、uni-app、全栈、Nodejs、Python等实战学习资料

微信小程序实现长按复制和点击复制相关推荐

微信小程序实现长摁复制和一键复制功能
微信小程序实现长摁复制和一键复制功能长按复制(一定是text标签) text设置属性 selectable="true" 这样长摁就可以复制了. <text selecta ...
微信小程序长按图片不出现菜单_微信小程序实现长按删除图片的示例
说明最近在学小程序,遇到长按图片删除的问题,特此记录,记录自己的成长轨迹需求: 长按删除指定图片需要解决的问题长按事件如何表示出来? 如何获取当前长按元素的下标? 如何删除元素? 解决办法长 ...
微信小程序实现长文本分段播放
微信小程序实现长文本分段播放接上篇微信小程序实现语音合成功能解决腾讯智能语音插件中文最大支持100个汉字的问题场景:需要合成100汉字以上的文本进行语音播报注意:本文示例代码是在上篇基础上进 ...
微信小程序账号长时间未登录冻结解封
微信小程序账号长时间未登录冻结解封 1.账号找回链接[官方]:http://mp.weixin.qq.com/acct/findacct?action=scan 2.按照官方指引的三个操作步骤进操作, ...
微信小程序之短连接分享转发点击短连接就可以直接打开小程序某个页面
微信小程序之短连接分享转发点击短连接就可以直接打开小程序某个页面首先,小程序官网地址:https://developers.weixin.qq.com/miniprogram/dev/OpenA ...
“完美”解决微信小程序购物车抛物动画，在连续点击时出现计算错误问题，定时器停不下来。
"完美"解决微信小程序购物车抛物动画,在连续点击时出现计算错误问题,定时器停不下来. 参考文章: (1)"完美"解决微信小程序购物车抛物动画,在连续点击时出现计 ...
【微信小程序】随机点名系统（点击开始滚动名字点击结束按钮结束滚动）
[微信小程序]随机点名系统(点击开始滚动名字点击结束按钮结束滚动) 1.效果图: 2.js代码 {Page({data:{condition: Math.floor(Math.random()*7+1 ...
微信小程序只允许触发一次点击事件(防止多次点击事件)
微信小程序只允许触发一次点击事件(防止多次点击事件) 超级简单容易理解可以让绑定的事件只触发一次 //.wxml <button bindtap="click1"> ...
微信小程序怎么长按复制_微信小程序基于Parser添加长按复制、代码高亮等功能...
功能展示引入Parser 微信小程序中引入Parser可直接在项目主页查阅. 代码高亮高亮插件 Prism官网下载prism.js和prism.css,默认只有css代码有渲染样式,注意选择需要渲 ...

微信小程序实现长按复制和点击复制

微信小程序实现长按复制和点击复制相关推荐

最新文章

热门文章