位置: IT常识 - 正文

微信小程序实现文字长按复制、一键复制功能(微信小程序实现轮播图)

编辑:rootadmin
微信小程序实现文字长按复制、一键复制功能 一、不引入外部组件的实现方式 <!-- index.wxml --><view> <!-- 长按复制 --> <view bindlongtap="copyText" data-key="{{item.cdkey}}">{{ item.cdkey }}</view> <text bindlongtap="copyText" data-key="{{item.cdkey}}">{{ item.cdkey }}</text> <!-- 一键复制 --> <view bindtap="copyText" data-key="{{item.cdkey}}" > 复制 </view></view>长按复制 可利用 bindlongtap 方法,手指长按 500ms 之后触发事件。一键复制 可利用 bindtap 方法,点击立即触发事件。// index.js copyText(e) { let key = e.currentTarget.dataset.key; wx.setClipboardData({ //设置系统剪贴板的内容 data: key, success(res) { console.log(res, key); wx.getClipboardData({ // 获取系统剪贴板的内容 success(res) { wx.showToast({ title: '复制成功', }) } }) } }) }

推荐整理分享微信小程序实现文字长按复制、一键复制功能(微信小程序实现轮播图),希望有所帮助,仅作参考,欢迎阅读内容。

文章相关热门搜索词:微信小程序实现懒加载,微信小程序实现轮播图,微信小程序实现轮播图,微信小程序实现轮播图,微信小程序实现聊天功能,微信小程序实现发红包,微信小程序实现聊天功能,微信小程序实现轮播效果的组件,内容如对您有帮助,希望把文章链接给更多的朋友!

注:样式可自行添加适合的样式

效果:

二、引入外部组件的实现方式微信小程序实现文字长按复制、一键复制功能(微信小程序实现轮播图)

select-text 可选文本组件。该组件有两种使用模式:长按出现选区,与浏览器默认效果一致;长按出现复制按钮,点击复制拷贝全部内容至剪贴板,常见于聊天对话框等场景。 需注意的时,为实现点击其它区域隐藏复制按钮,开发者可在页面最外层监听 tap 事件,并将 evt 对象赋值给 on-document-tap。 安装

npm install @miniprogram-component-plus/select-text

在页面 page.json 中

// page.json{ "usingComponents": { "mp-select-text": "@miniprogram-component-plus/select-text" }}

在页面index.wxml中

<view bind:tap="handleTap"> <view class="demo-block"> <block wx:for="{{arr}}" wx:key="placement"> <view class="list-item"> <mp-select-text show-copy-btn placement="{{item.placement}}" value="{{item.value}}" data-id="{{index}}" bindcopy="onCopy" on-document-tap="{{evt}}" > </mp-select-text> </view> </block> <view class="list-item"> <mp-select-text value="默认的长按效果与浏览器一致"></mp-select-text> </view> </view></view>

效果

具体实现请参考:select-text组件

赶快去试试吧~

本文链接地址:https://www.jiuchutong.com/zhishi/299253.html 转载请保留说明!

上一篇:npm : 无法将“npm”项识别为 cmdlet、函数、脚本文件或可运行程序的名称。(无法将node项识别为)

下一篇:Web 攻防之业务安全:密码找回安全案例总结.(web攻防之业务安全实战指南在线阅读)

  • 微聊怎么添加成员(微聊怎么添加成为好友)

    微聊怎么添加成员(微聊怎么添加成为好友)

  • 苹果ios12虚拟按键怎么设置(iphone虚拟按钮)

    苹果ios12虚拟按键怎么设置(iphone虚拟按钮)

  • 1千米距离怎样拉光纤(一千米怎么计算)

    1千米距离怎样拉光纤(一千米怎么计算)

  • silverlight是干什么的(silverlight用处大不大)

    silverlight是干什么的(silverlight用处大不大)

  • 电话一直在通话中是不是被拉黑了(手机不能接听电话只能拨打电话)

    电话一直在通话中是不是被拉黑了(手机不能接听电话只能拨打电话)

  • 手机机器码怎么看(手机的机器码从哪儿看)

    手机机器码怎么看(手机的机器码从哪儿看)

  • jbl音响怎么用(jbl音响怎么用蓝牙连接电脑)

    jbl音响怎么用(jbl音响怎么用蓝牙连接电脑)

  • ps复制选区快捷键是什么(Ps复制选区快捷键ctrl加什么)

    ps复制选区快捷键是什么(Ps复制选区快捷键ctrl加什么)

  • 苹果笔记本耳机孔在哪(苹果笔记本耳机孔是什么样子的)

    苹果笔记本耳机孔在哪(苹果笔记本耳机孔是什么样子的)

  • mate30是3.0的闪存吗(华为mate30的闪存规格)

    mate30是3.0的闪存吗(华为mate30的闪存规格)

  • 计算机硬件一般包括(计算机硬件一般包括哪五部分?软件又可以分为哪几部分?)

    计算机硬件一般包括(计算机硬件一般包括哪五部分?软件又可以分为哪几部分?)

  • 电脑数字下标怎么打(电脑怎么弄数字下标)

    电脑数字下标怎么打(电脑怎么弄数字下标)

  • 华为mate30可以无线充电吗(华为mate30和mate50的区别)

    华为mate30可以无线充电吗(华为mate30和mate50的区别)

  • 网络电视出现卡顿(网络电视出现卡顿怎么办)

    网络电视出现卡顿(网络电视出现卡顿怎么办)

  • 开机时怎么进去pe系统(开机怎么进去高级选项菜单)

    开机时怎么进去pe系统(开机怎么进去高级选项菜单)

  • reno2电池多少毫安(oppo reno2电池多少毫安?)

    reno2电池多少毫安(oppo reno2电池多少毫安?)

  • ios订阅在哪里找(ios 订阅在哪)

    ios订阅在哪里找(ios 订阅在哪)

  • 全民k歌游客怎么设置(全民k歌游客模式会留痕迹吗)

    全民k歌游客怎么设置(全民k歌游客模式会留痕迹吗)

  • iphonexsmax怎么切换号码发短信(iphonexsmax怎么切换主副卡流量)

    iphonexsmax怎么切换号码发短信(iphonexsmax怎么切换主副卡流量)

  • 5g换手机要不要换卡

    5g换手机要不要换卡

  • 从上布法罗荒野地区的惠特克顶小道向东看,阿肯色州奥沙克国家森林 (© Jens Lambert Photography/Getty Images Plus)

    从上布法罗荒野地区的惠特克顶小道向东看,阿肯色州奥沙克国家森林 (© Jens Lambert Photography/Getty Images Plus)

  • 目标检测算法——YOLOv5/YOLOv7改进结合涨点Trick之ASFF(自适应空间特征融合)(SSD目标检测算法)

    目标检测算法——YOLOv5/YOLOv7改进结合涨点Trick之ASFF(自适应空间特征融合)(SSD目标检测算法)

  • 作为大学生,你还不会搭建chatGPT微应用吗?(作为大学生你能为国家安全贡献哪些力量论文)

    作为大学生,你还不会搭建chatGPT微应用吗?(作为大学生你能为国家安全贡献哪些力量论文)

  • 取得的免税发票怎么开
  • 期末有留底税额可需要进行账务处理
  • 资产计提折旧的科目
  • 不动产官网查询
  • 期初试算平衡表不平衡怎么查
  • 定额发票验旧后怎么报税
  • 个体工商户装修经营范围
  • 应计利息会计分录处理
  • 出口样品账务处理
  • 国有资产如何保值
  • 生产前和生产后经常长喘气怎么回事
  • 生产企业没有进项税如何交增值税
  • 免税企业可以开具有税率的增值税专用发票吗
  • 维修属于劳务还是劳务
  • 小规模纳税人未达到起征点的增值税怎么做账
  • 计提折旧计算公式是什么
  • win10windows资源管理器怎么打开
  • 有关预提费用如何冲销
  • 电脑重装系统怎么激活
  • PHP CURL CURLOPT参数说明(curl_setopt)
  • PHP:session_start()的用法_Session函数
  • 产供销一体化什么意思
  • 长期借款和短期借款会计分录的区别
  • yolov5训练参数说明
  • 金融保险业的营业税率为
  • 经济补偿金个人所得税计算公式
  • phpbug
  • 利用matlab作图
  • python stream模块
  • 魔改是啥
  • python编程快速上手pdf百度云
  • 标书中组织结构是什么意思
  • python np数组
  • 企业资产评估增值
  • db2 日期查询
  • 沙石料进项发票
  • 认缴制下实收资本如何证明
  • 短期贷款利息支付
  • 股东不任职,是否可以参与企业经营
  • 筹建期间的开办费为什么不属于资产
  • 人力资本收入
  • 跨年暂估成本如何冲销
  • 转出未交增值税会计账务处理
  • 调表不调账都有什么情况
  • 办公室清洁费计入办公费吗
  • 发票抵扣联要放入凭证里吗
  • 税后扣税
  • 安全生产费计提和使用的账务怎么处理
  • 高速etc里面的钱怎么取?
  • 公司卖掉软件计入成本吗
  • 没有发票就不能保修吗
  • 税务人员如何做好本职工作
  • 明细账的设置与登记
  • mysql 厂家
  • 5分钟了解环保币gec
  • 手动ghost恢复
  • 还原精灵使用教程
  • 平板电脑中的电池工作时是将什么能转化成了电能
  • Windows计划任务 不管是否登录 没有窗口
  • centos7安装过程报错
  • 如何解决心脏供血不足
  • centos7添加桌面图标
  • windows移动中心英文怎么写
  • win10开机黑屏进入不了系统界面
  • xp系统插u盘没反应怎么解决
  • centos搭建服务器
  • win7系统引导坏了怎么修复
  • iis安装步骤 windows server 2008
  • 运行javascript
  • perl如何使用
  • Web2.0下XHTML+CSS 设计需要注意的地方小结
  • shell中的grep怎么用
  • javascript教程推荐知乎
  • android camera1
  • jquery常用选择器种类
  • js数组的push方法
  • 请问关于煤炭的法律法规
  • 河北残疾人申报系统
  • ca认证登录不了
  • 税控软件怎么升级到新版本
  • 免责声明:网站部分图片文字素材来源于网络,如有侵权,请及时告知,我们会第一时间删除,谢谢! 邮箱:opceo@qq.com

    鄂ICP备2023003026号

    网站地图: 企业信息 工商信息 财税知识 网络常识 编程技术

    友情链接: 武汉网站建设