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

  • 游戏中前期防御塔机制时间范围(游戏中前期防御)(游戏中前期防御塔机制时间范围)

    游戏中前期防御塔机制时间范围(游戏中前期防御)(游戏中前期防御塔机制时间范围)

  • 为什么电脑会卡住不动(为什么电脑会蓝屏)(为什么电脑会卡在开机界面)

    为什么电脑会卡住不动(为什么电脑会蓝屏)(为什么电脑会卡在开机界面)

  • iphone下载的音乐文件在哪(iphone下载的音乐文件)

    iphone下载的音乐文件在哪(iphone下载的音乐文件)

  • 苹果11视频美颜在哪调(苹果11视频美颜功能)

    苹果11视频美颜在哪调(苹果11视频美颜功能)

  • 苹果应用刷新需要关吗(苹果应用刷新需要密码吗)

    苹果应用刷新需要关吗(苹果应用刷新需要密码吗)

  • word表格自动排序怎么办(word表格自动排序号123)

    word表格自动排序怎么办(word表格自动排序号123)

  • 好评后申请退款被拒绝(好评后申请退款怎么撤销)

    好评后申请退款被拒绝(好评后申请退款怎么撤销)

  • 拼多多访客突然下降是什么情况(拼多多访客突然掉了)

    拼多多访客突然下降是什么情况(拼多多访客突然掉了)

  • Excel除号怎么输入(excel里面除号怎么打)

    Excel除号怎么输入(excel里面除号怎么打)

  • 抖音视频怎么调快速(抖音视频怎么调美颜好看)

    抖音视频怎么调快速(抖音视频怎么调美颜好看)

  • 人人视频电视剧突然不能看了(人人视频电视剧满秋)

    人人视频电视剧突然不能看了(人人视频电视剧满秋)

  • 苹果11开不了机(苹果11开不了机一直显示苹果标志)

    苹果11开不了机(苹果11开不了机一直显示苹果标志)

  • oneplusa6000是什么型号(oneplusa6000多少钱)

    oneplusa6000是什么型号(oneplusa6000多少钱)

  • 怎么设置文字对齐字符网格,每行38个字符数(怎么设置文字对话框)

    怎么设置文字对齐字符网格,每行38个字符数(怎么设置文字对话框)

  • win10 1903稳定吗(win101903版本怎么样)

    win10 1903稳定吗(win101903版本怎么样)

  • ps怎么清除画笔(ps清除画笔控制怎么恢复)

    ps怎么清除画笔(ps清除画笔控制怎么恢复)

  • 快手直播唱歌伴奏教程(快手直播唱歌伴奏在哪里找)

    快手直播唱歌伴奏教程(快手直播唱歌伴奏在哪里找)

  • 微信怎么直接加附近人(微信怎么直接加好友不需要验证)

    微信怎么直接加附近人(微信怎么直接加好友不需要验证)

  • 苹果xr边充电边玩有影响吗(苹果xr边充边玩损害电池吗)

    苹果xr边充电边玩有影响吗(苹果xr边充边玩损害电池吗)

  • 快手闪退是什么原因(快手闪退?)

    快手闪退是什么原因(快手闪退?)

  • 华为nova4e可以分屏吗(华为手机分屏功能怎么用nova4)

    华为nova4e可以分屏吗(华为手机分屏功能怎么用nova4)

  • 怎么用卡针打开卡槽(怎么用卡针打开卡槽小米)

    怎么用卡针打开卡槽(怎么用卡针打开卡槽小米)

  • ahqtb.exe是啥进程 ahqtb进程信息查询

    ahqtb.exe是啥进程 ahqtb进程信息查询

  • 通过宏封装实现std::format编译期检查参数数量是否一致(怎么实现宏的功能)

    通过宏封装实现std::format编译期检查参数数量是否一致(怎么实现宏的功能)

  • 小微企业年度所得税优惠政策
  • 预收账款哪一方是增加
  • 留存收益资本成本率计算公式
  • 个税受雇日期以哪个日期
  • 企业发生事故后的处理流程
  • 支付稿费演出费用怎么算
  • 公司过账什么意思
  • 出现销项负数
  • 房地产开发成本费用明细表
  • 增值税的税负率就是用应缴纳的增值税总额
  • 购物车内广告收入应该怎么缴税?
  • 资产负债率70%说明长期偿债能力
  • 企业的其他业务成本包括什么
  • 小规模企业其他业务收入税率
  • 代订住宿费属于那个经营范围
  • 关联企业纳税调整期限
  • 关于工程施工的文章
  • 基本户收到个人款项的分录
  • 如何预防计算机病毒的方法
  • 报销伙食费的会计分录
  • 荣耀x10的鸿蒙系统怎么开启
  • 预付款挂账什么意思
  • winpe怎么安装到u盘
  • 结转损益类收入科目的余额会计分录
  • mediabrowser.exe是什么
  • 进程process
  • php常用的魔术方法有哪些
  • php imagecopymerge
  • yolo xml转txt
  • 实收资本账户对应的账户包括
  • 存货核算有哪些内容
  • php面向对象优点,缺点
  • 预收账款和应收账款的账务处理
  • php7.4配置
  • 前端传给后端
  • 用chatgpt写insar地质灾害的论文,重复率只有1.8%,chatgpt4.0写论文不是梦
  • 怎么才能学a1
  • 帝国cms使用手册
  • 应收票据应付票据合并抵消吗
  • 农产品收购发票可以抵扣进项税额吗
  • python 覆盖
  • 资产负债表的累计折旧
  • 企业利润分配项目是什么
  • 留抵进项税太多怎么办
  • sqlserver降级备份
  • 只有收据没有发票怎么入账
  • 报废产品账务的处理方法
  • 物业公司收取电费服务费
  • 机械租赁公司需要什么证件
  • 帮其他公司交水费税差
  • 美容行业如何做好管理工作
  • mysql基础概念
  • mysql 5.5 5.6
  • windows8如何安装
  • u盘安装mac系统
  • centos基本操作命令
  • windows8 如何关机
  • win7如何设置桌面背景图
  • 垂直翻转画布
  • unity3ds
  • Android中的数据存储方式有五种,分别是
  • AngularJs ng-change事件/指令的用法小结
  • 如何大小写字母转换
  • unity shader lerp
  • vue devtools功能
  • 从零开始学什么技术
  • python编码大全
  • jquery元素选择器有哪些
  • javascript的含义和作用
  • python3获取本机ip
  • jquery字符转数字
  • php jquery教程
  • 税控盘托管给百旺的弊端
  • a类棉b类棉c类的区别
  • 税控发票开票软件(金税盘版)打不开?
  • 企业所得税季度申报表填报说明
  • 福建地税网上办事大厅
  • 矿山耕地占用税计入什么科目
  • 增值税网上申报步骤可以在手机上申报吗
  • 怎么查询车船税缴费记录
  • 免责声明:网站部分图片文字素材来源于网络,如有侵权,请及时告知,我们会第一时间删除,谢谢! 邮箱:opceo@qq.com

    鄂ICP备2023003026号

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

    友情链接: 武汉网站建设