位置: 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攻防之业务安全实战指南在线阅读)

  • microsoft edge怎么设置兼容模式(microsoft edge怎么换成IE浏览器)

    microsoft edge怎么设置兼容模式(microsoft edge怎么换成IE浏览器)

  • 酷狗音乐怎么样剪辑本地音频作为来电铃声(酷狗音乐怎么样下载mp3格式)

    酷狗音乐怎么样剪辑本地音频作为来电铃声(酷狗音乐怎么样下载mp3格式)

  • 淘宝评价会多久过期(淘宝评价多久会自动评价)

    淘宝评价会多久过期(淘宝评价多久会自动评价)

  • 小程序提示微信版本过低(小程序提示微信版本过低无法更新)

    小程序提示微信版本过低(小程序提示微信版本过低无法更新)

  • 窗口是windows应用程序用户界面吗(窗口是windows应用程序存在的基本方式)

    窗口是windows应用程序用户界面吗(窗口是windows应用程序存在的基本方式)

  • 快手可以看到谁浏览过我的作品么(快手可以看到谁在线吗)

    快手可以看到谁浏览过我的作品么(快手可以看到谁在线吗)

  • 华为为什么要搞个NM存储卡(华为为什么要搞od)

    华为为什么要搞个NM存储卡(华为为什么要搞od)

  • QQ我关麦对方知道吗(2020年qq关麦对方有提示吗)

    QQ我关麦对方知道吗(2020年qq关麦对方有提示吗)

  • 小米微信视频通话怎么美颜

    小米微信视频通话怎么美颜

  • kindle保修期多久(kindle保修期内能够免费换新吗)

    kindle保修期多久(kindle保修期内能够免费换新吗)

  • 华为p40照相机怎么用(华为P40照相机怎么调照相好)

    华为p40照相机怎么用(华为P40照相机怎么调照相好)

  • 喜马拉雅网络请求失败是怎么回事(喜马拉雅网络请求失败是怎么回事安卓)

    喜马拉雅网络请求失败是怎么回事(喜马拉雅网络请求失败是怎么回事安卓)

  • 电脑升级系统后原有文件还存在吗(电脑升级系统后键盘不能用)

    电脑升级系统后原有文件还存在吗(电脑升级系统后键盘不能用)

  • 微信好友过期了怎么加回来(微信好友过期了怎么添加)

    微信好友过期了怎么加回来(微信好友过期了怎么添加)

  • ipad没电要充多久开机(ipad没电充多久可以开机)

    ipad没电要充多久开机(ipad没电充多久可以开机)

  • 荣耀手环5和5i区别(荣耀手环5和5i哪个更值得入手)

    荣耀手环5和5i区别(荣耀手环5和5i哪个更值得入手)

  • 抖音为什么实名认证不了(抖音为什么实名认证了,却显示未成年,不能充值)

    抖音为什么实名认证不了(抖音为什么实名认证了,却显示未成年,不能充值)

  • vivo分辨率在哪里设置(vivo调分辨率在哪调)

    vivo分辨率在哪里设置(vivo调分辨率在哪调)

  • 抖音抢镜怎么调大图框(抖音里的抢镜怎么弄的)

    抖音抢镜怎么调大图框(抖音里的抢镜怎么弄的)

  • 小米云回收站恢复的照片在哪(小米云回收站恢复)

    小米云回收站恢复的照片在哪(小米云回收站恢复)

  • 华为手机能配苹果蓝牙耳机吗(华为手机能配苹果笔记本吗)

    华为手机能配苹果蓝牙耳机吗(华为手机能配苹果笔记本吗)

  • 魅族16如何截屏(魅族16如何截屏图片)

    魅族16如何截屏(魅族16如何截屏图片)

  • 手机表格怎么填写(手机表格怎么填充颜色)

    手机表格怎么填写(手机表格怎么填充颜色)

  • 工资超5000已申报税额为0,可以退税吗
  • 印花税纳税义务人有哪些
  • 增值税纳税申报时间
  • 企业办理纳税手续需要带什么材料
  • 超市小票能否入库
  • 已投入使用的机器设备才能计提折旧对吗
  • 保教费免征增值税政策
  • 工业企业用电是收入的几倍
  • 普票丢失用第一联的复印件入账可以么
  • 当月取得的进项必须当月勾选吗
  • 公司换法人公司账户怎么办
  • 企业出租设备取得租金收入要交增值税吗
  • 企业收回报废产品合法吗
  • 公司承担了个人社保如何入账
  • 国税和地税分别占多少
  • 合同预付款要不要开发票?
  • 购买垃圾袋的会计分录
  • 简易征收当月已经开出的17%怎么办?
  • 广告制作费怎么入账
  • 营业执照原件丢失后果
  • 出口转内销申报需要先做出口退税吗
  • 合同成本对应科目
  • 破产清算应付账款
  • 公司之间可以借款吗怎么做账
  • 未开票收入跨年开票
  • php array_search() 函数使用
  • 股权无偿赠与协议书范本
  • 企业自建廉租房政策
  • 结转存货的成本叫什么
  • 办公室装修入账
  • 房屋租赁经营要交哪些税
  • 伊斯塔神
  • 汇兑损失是否可以抵扣
  • 缴费单位未按规定缴纳社会保险费的按日加收
  • 研发新产品的重要性
  • 一般纳税人向小规模纳税人开专票
  • 财务费用为什么是负数表示
  • 万字短文
  • 发生广告费的会计分录
  • 程序员神器
  • window11预览版怎么样
  • 金税盘可以全额抵税吗
  • 支付中介费和物业费比例
  • 所得税费用为什么不计入营业利润
  • 帝国cms使用手册
  • day10-Tomcat02
  • 事业单位人员收受财物
  • 储值卡金额算什么资产
  • 收购发票如何确认成本
  • 开发成本期末如何结转
  • 固定资产的原价减去预计净残值等于什么
  • 模具报价成本核算方法
  • 库存商品进项税额转出分录怎么写
  • 公司购轿车会计分录怎么做
  • 应交税费借方如何计算
  • 留底税额怎么入账
  • 买断式与回购式
  • 满减送的购物券在哪里看
  • 出纳怎么做账
  • 费用预算表怎么做
  • win8怎么升级到win10 bios设置
  • ubuntu顶部菜单栏
  • xp电脑桌面图片显示缩略图
  • win7启动应用程序的方式
  • centos7视频教程
  • linux临时修改编码
  • 有没有win8系统
  • dos命令/s
  • 安卓开发遇到的问题
  • 获取linux命令执行结果
  • python安装pip.whl
  • python常见算法
  • node.js快速入门
  • unity3d性能优化工具
  • pygame实例
  • 我置顶你也只顶你
  • python内置方法大全
  • vs开发unity教程
  • 数字动画文件格式有哪些
  • 山东省国税局领导分工
  • 免责声明:网站部分图片文字素材来源于网络,如有侵权,请及时告知,我们会第一时间删除,谢谢! 邮箱:opceo@qq.com

    鄂ICP备2023003026号

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

    友情链接: 武汉网站建设