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

  • OPPOwatch2价格及配置全面介绍(oppo watch 2系列)

    OPPOwatch2价格及配置全面介绍(oppo watch 2系列)

  • vivoY77怎么反向充电(vivos7e怎么反向充电)

    vivoY77怎么反向充电(vivos7e怎么反向充电)

  • p40pro与mate30pro的区别(p40 pro和mate30 pro哪个性价比高)

    p40pro与mate30pro的区别(p40 pro和mate30 pro哪个性价比高)

  • 红米k30pro卡槽在哪里(红米k30pro插卡口)

    红米k30pro卡槽在哪里(红米k30pro插卡口)

  • 台式电脑没有调节亮度怎么办(台式电脑没有调亮度的选项)

    台式电脑没有调节亮度怎么办(台式电脑没有调亮度的选项)

  • 电脑显示屏花屏出彩线(电脑显示屏花屏怎么办)

    电脑显示屏花屏出彩线(电脑显示屏花屏怎么办)

  • 闲鱼未读信息可以撤回吗(闲鱼未读信息让对方看不到)

    闲鱼未读信息可以撤回吗(闲鱼未读信息让对方看不到)

  • oppo返回键不见了(oppo返回键不见了怎么恢复)

    oppo返回键不见了(oppo返回键不见了怎么恢复)

  • 拼多多回复率时间是什么时候开始算的(拼多多回复率低于)

    拼多多回复率时间是什么时候开始算的(拼多多回复率低于)

  • 华为P40屏幕刷新率(华为p40屏幕刷新率pwm)

    华为P40屏幕刷新率(华为p40屏幕刷新率pwm)

  • 陌陌有什么用处(陌陌有什么好处)

    陌陌有什么用处(陌陌有什么好处)

  • 11pro美版是双卡双待吗(11pro美版是不是单卡)

    11pro美版是双卡双待吗(11pro美版是不是单卡)

  • 三星860evo是什么颗粒(三星860evo是mlc吗)

    三星860evo是什么颗粒(三星860evo是mlc吗)

  • 运营商在哪里找到(怎么找到运营商)

    运营商在哪里找到(怎么找到运营商)

  • ipad个人热点在哪里(苹果平板个人热点)

    ipad个人热点在哪里(苹果平板个人热点)

  • 华为手机有微信分身吗(华为手机有微信信息来总显示置顶怎么回事)

    华为手机有微信分身吗(华为手机有微信信息来总显示置顶怎么回事)

  • 手机状态栏怎么设置(手机状态栏怎么设置流量显示?)

    手机状态栏怎么设置(手机状态栏怎么设置流量显示?)

  • 电脑拷贝到u盘怎么弄(电脑拷贝到u盘有记录吗)

    电脑拷贝到u盘怎么弄(电脑拷贝到u盘有记录吗)

  • 备忘录背景怎么变成黑色(备忘录背景怎么调成白色)

    备忘录背景怎么变成黑色(备忘录背景怎么调成白色)

  • 华为智慧屏存储是多少(华为智慧屏存储在哪)

    华为智慧屏存储是多少(华为智慧屏存储在哪)

  • ai是什么软件(ai是什么软件干什么的)

    ai是什么软件(ai是什么软件干什么的)

  • 百度爱奇艺卡什么意思(爱奇艺卡的厉害)

    百度爱奇艺卡什么意思(爱奇艺卡的厉害)

  • 小米荣耀手环怎么使用(小米手机荣耀手环怎么用)

    小米荣耀手环怎么使用(小米手机荣耀手环怎么用)

  • tof镜头是什么(tof镜头对于拍照有帮助吗)

    tof镜头是什么(tof镜头对于拍照有帮助吗)

  • 小米手机闹钟怎么设置语音播报(小米手机闹钟怎么取消闹铃)

    小米手机闹钟怎么设置语音播报(小米手机闹钟怎么取消闹铃)

  • vm虚拟机怎么安装Win11系统?Win11系统安装到vm虚拟机详细图文教程(VM虚拟机怎么安装网心容器)

    vm虚拟机怎么安装Win11系统?Win11系统安装到vm虚拟机详细图文教程(VM虚拟机怎么安装网心容器)

  • 一般纳税人劳务公司可以开3%的发票吗
  • 金税三期反映出来的是前几年的问题
  • 个体工商户可以给自己交五险一金吗
  • 房地产开发企业土地增值税预缴
  • 净营业周期和营业周期
  • 软件工程质保金
  • 五联发票一般用于哪种单位
  • 什么合同不需要做结算
  • 退回以前年度所得税费用会计分录
  • 管道运输是什么和什么合二为一
  • 小规模纳税人如何计算增值税应纳税额
  • 劳务收入个税的计算方法
  • 商业承兑汇票可以提前承兑吗
  • 社团会费收取标准和管理办法
  • 转让资产使用权收入属于什么收入
  • 稳岗补贴会计怎么做账
  • 收付实现制与权责发生制的区别
  • 货代企业所得税优惠政策
  • 消耗性生物资产的账务处理
  • 初级如何备考
  • 外币借款利息汇兑差额计算公式
  • 资产负债表待摊费用出现负数
  • 借应收账款贷应收账款是什么意思
  • 高新技术企业研发费
  • 应付账款少付怎么做账
  • 如何在windows11上打开蓝牙
  • 车间工人工资计入
  • 专用发票可以抵税是什么意思
  • win10一段时间不动黑屏
  • 办妥托收手续会计分录
  • 合同条款签订
  • 补提去年所得税分录
  • 融资租入的设备为什么属于资产
  • 增值税的计税依据包括契税吗
  • 拼多多改地址怎么改视频
  • gnaupdaemon.exe是什么
  • 销售无形资产增值税税率2022
  • 收入汇缴账户可以冻结吗
  • 布列塔尼岛屿
  • php写一个函数,对手机号做基础的判断和处理
  • springboot和vue结合
  • ChatGPT的了解与初体验
  • sysstat命令
  • svg symbol
  • 残保金员工人数怎么算
  • 劳务公司怎么开税票
  • mysql日志文件在哪里
  • 出口发票已经抵扣认证怎么办
  • 允许从销项税额中扣除的有
  • 记账凭证附件粘贴
  • 注册资金认缴和实缴的法律风险
  • 新会计准则应付账款
  • 小规模纳税人分红要交税吗
  • 进仓费开票是几个点
  • 政府补助收入的会计处理
  • 土地增值税清算收入如何确定
  • 购进生产免税货物用材料可以抵扣进项税额吗
  • 房地产企业预缴增值税
  • 4s店出售试驾车的增值税是多少
  • 借长期借款贷在建工程
  • 手续费和利息费用的区别
  • 费用利润率的意思
  • 年底计提利息会计分录
  • mysqlsum查询慢
  • sql查询结果数量
  • sqlserver2000数据库文件在哪个文件夹
  • centos coreos
  • win8系统进不了桌面怎么办
  • centos好玩的命令
  • linux文本模式无法打字
  • window系统桌面
  • 深入理解新发展理念心得体会3篇
  • jqgrid动态增加列
  • 在批改中,可以使用x表示错误
  • javascript高级程序设计电子书
  • node.js权威指南
  • jquery实现div左右移动
  • 1、Android Studio创建android项目
  • 东莞网上办税服务厅
  • 河南地税网上税务局
  • 免责声明:网站部分图片文字素材来源于网络,如有侵权,请及时告知,我们会第一时间删除,谢谢! 邮箱:opceo@qq.com

    鄂ICP备2023003026号

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

    友情链接: 武汉网站建设