微信小程序点击复制到剪贴板的功能和逻辑

最新推荐文章于 2023-12-07 16:14:50 发布
最新推荐文章于 2023-12-07 16:14:50 发布
阅读量878 收藏 1
点赞数 2
分类专栏： 小程序 taro js 文章标签： taro 小程序 微信小程序 js
不许偷代码哦，一键三连以后我的代码就是你的代码！！！
本文链接：https://blog.csdn.net/Youyzq/article/details/127314679
版权
js 同时被 3 个专栏收录
59 篇文章 2 订阅
订阅专栏
小程序
22 篇文章 0 订阅
订阅专栏
taro
17 篇文章 1 订阅
订阅专栏

在这里插入图片描述

逻辑

  1. 需要获取到订单编号（需要复制的参数）
    这里直接上实战了在项目中这种参数都是后台请求下来的
    在这里插入图片描述
    在这里插入图片描述

  2. 设置事件
    设置单机事件
    在这里插入图片描述
    在这里插入图片描述
    在单击事件里获取需要复制的参数

  3. 调用api传入参数
    在这里插入图片描述
    wx.setClipboardData(Object object)需要传递的参数
    在这里插入图片描述
    注意事项：这里的data是string类型的，如果传递的是number类型就会报错的
    在这里插入图片描述

Youyzq
关注
  • 2
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
微信小程序实现长按复制和点击复制
CreatorRay的博客
08-15 1万+
我们在进行微信小程序开发时，经常会遇到用户通过长按文字复制和用户通过点击事件复制指定内容的需求。 长按复制: 微信小程序中text标签中有一个selectable属性可以满足我们的需求，我们只需要把属性的值设置为true即可。 <text selectable='true'>哈哈哈哈哈哈哈哈哈哈哈哈</text> 点击复制: 点击事件的介质可以是任何有bindtap属性的标签。 我们以view为例。 <view bindtap='onClick'>点我</vie
微信小程序实现文字长按复制、一键复制功能
热门推荐
fighting ~的博客
01-05 1万+
需注意的时，为实现点击其它区域隐藏复制按钮，开发者可在页面最外层监听 tap 事件，并将 evt 对象赋值给 on-document-tap。该组件有两种使用模式：长按出现选区，与浏览器默认效果一致；长按出现复制按钮，点击复制拷贝全部内容至剪贴板，在页面 page.json 中。注：样式可自行添加适合的样式。在页面index.wxml中。常见于聊天对话框等场景。
小程序点击按钮复制内容到剪切板
webhhhhhh的博客
09-14 1238
小程序点击按钮复制内容到剪切板 1. .html 页面 <button class="confrim-btn" @click="copy('wx-chen')">点击复制微信号</button> 2. .js (methods方法) copy(value){ uni.showModal({ content:value, confirmText:'复制内容', success:(res)=>{ // uni.setClipbo
微信小程序以及uniapp复制内容到剪切板
stars______的博客
01-19 1876
wx.setClipboardData({ data:e.currentTarget.dataset.status,//要复制的数据 success (res) { console.log(res) } })
微信小程序原生开发 复制粘贴动态数据
MyCloisonne的博客
09-15 933
wx小程序动态文本数据 复制粘贴功能
小程序点击复制到粘贴板
L_manong的博客
12-23 995
小程序点击复制到粘贴板 欢迎使用Markdown编辑器 你好！ 这是你第一次使用 Markdown编辑器 所展示的欢迎页。如果你想学习如何使用Markdown编辑器, 可以仔细阅读这篇文章，了解一下Markdown的基本语法知识。 新的改变 我们对Markdown编辑器进行了一些功能拓展与语法支持，除了标准的Markdown编辑器功能，我们增加了如下几点新功能，帮助你用它写博客： 全新的界面设计...
详解微信小程序之一键复制到剪切板
10-17
主要介绍了微信小程序一键复制到剪切板，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧
微信小程序实现的一键复制功能示例
10-17
在微信小程序开发中，有时我们需要实现一键复制的功能，让用户能够快速方便地复制页面上的特定文本。微信小程序本身并不提供直接的页面复制功能，因此需要通过编程的方式来实现这一需求。本篇将详细介绍如何利用微信...
微信小程序源码_电商简约模板.zip
最新发布
03-08
源码通常包含一系列的文件和目录，用于定义小程序的功能、界面和交互逻辑。 首先，我们要了解微信小程序的基本结构。一个小程序通常由以下几个部分组成： 1. app.js：这是小程序的全局配置文件，包括初始化数据、...
微信小程序常用 API （更新中）
weixin_38797742的博客
04-11 837
微信官方文档：https://developers.weixin.qq.com/miniprogram/dev/api/file/wx.openDocument.html。3，获取微信用户信息。4，获取微信用户 openId。11，token 是否有效。微信登录获取 code。1，点击按钮复制文本。2，隐藏home按钮。6，打开另一个小程序。10，更新小程序版本。获取当前用户的经纬度。
微信小程序复制功能
qq_46376192的博客
12-07 1521
微信小程序复制功能
微信小程序-复制到剪切板
ChibiMarukoChan的博客
04-29 3460
一、效果 二、实现 1）.wxml: <text>被复制的内容：{{text}}</text> <view bindtap='copyText' class="copyButton">复制按钮</view> <text>显示复制内容：{{text2}}</text> 2）.js: data: { ...
微信小程序如何点击按钮，复制文本到粘贴板
程邓楠的博客
07-18 2035
微信小程序我是用的uniapp写的，所以部分API可能和微信小程序原本的不同 <text class="code-id"> <text>會員ID：</text> <text selectable="true">{{ details.id }}</text> </text> <view class="btn"> <button @click="copyBtn" class="code-btn"
微信小程序的复制功能
文龙刚的博客
11-07 1014
微信小程序的复制功能
微信小程序（原生）——复制、剪贴板功能
努力、拼搏、奋进
11-12 1243
微信小程序（原生）——复制、剪贴板功能
小程序的点击复制功能和长按复制功能
浩星
11-07 1万+
在小程序中实现点击复制功能和长按复制功能,主要使用wx.setClipboardData 小程序的复制功能。
微信小程序 系统复制粘贴文本
lqw200931116的博客
03-14 6407
微信小程序：长按复制，按钮复制
微信小程序 点击复制文本到剪贴板
林中明月间丶
04-24 2167
https://www.cnblogs.com/xiao-ling-zi/p/9377687.html
微信小游戏怎么复制字符到剪贴板
04-04
在微信小游戏中，复制字符到剪贴板需要使用wx.setClipboardData()方法。具体步骤如下： 1. 获取需要复制的字符或内容。 2. 调用wx.setClipboardData()方法，将需要复制的字符或内容作为参数传入。 3. 在回调函数...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值