uniapp实现移动端剪切板小功能

news/2025/2/24 6:00:32

在制作移动端支付的项目时用到了剪切板这个功能,uniapp中想要实现这个功能会有一个问题。

  • uni.setClipboardData(OBJECT)

这个方法是用来设置系统剪贴板的内容,这个方法里的object的参数data,是放我们需要设置的内容。当然一般可以在success里打印来看内容是否已经在剪切板里,但不仅有success回调函数,fail回调函数也是可以检测(检测内容没有在剪切板中)。

uni.setClipboardData({
	data: 'hello',
	success: function () {
		console.log('success');
	}
    fail: function () {
        console.log('fail');
    }
});

设置剪贴板内容后,小程序平台会自动弹出轻提示,是自带的一个弹窗,如果我们不想要这个弹窗,可以查看文档使用 showToast 设置为 false 将其禁掉。

注意:这个方法需要用在事件里才会执行,因为我在制作项目时,再进页面就直接进行复制,一直都是在fail事件里进行提示;后来放到点击事件内进行触发才执行了success的回调函数。

具体的官方文档上也有详细的剪切板方法介绍:uni-app官网

  • uni.getClipboardData(OBJECT)

这个方法是用来获取系统剪贴板内容,方法参数有success成功回调和fail失败回调还有complete回调,接口调用结束的回调函数(调用成功、失败都会执行)。有设置剪切板的自然会有获取剪切板内容的方法。

注意:如果小程序平台调用发现错误: setClipboardData:fail api scope is not declared in the privacy agreement, 原因是微信小程序于2023年9月15日更新剪切板为必须通过小程序后台配置用户隐私保护指引并审核通过后方可使用该API。


http://www.niftyadmin.cn/n/5864009.html

相关文章

加密数据的模糊查询

密文检索的功能实现是根据4位英文字符(半角),2个中文字符(全角)为一个检索条件。 将一个字段拆分为多个, 比如:taobao123 使用4个字符为一组的加密方式。 第一组 taob ,第二组aoba &…

【C语言】第五期——函数

目录 0 前言 1 定义函数 2 调用函数 3 函数的实参和形参 4 函数声明 5 作用域 5.1 局部变量和全局变量 5.2 static关键字 5.2.1 修饰局部变量 5.2.2 修饰全局变量 5.2.3 修饰函数 6 函数的返回值 6.1 return语句 6.2 函数返回值的类型 7 函数的其他形式 7.1 函…

rust学习笔记5-所有权机制

rust核心就是所有权机制,是其内存管理的核心特性,旨在消除内存安全问题(如空指针、悬垂指针、内存泄漏等)而无需依赖垃圾回收(GC) 1.首先看一下语义模型 当声明一个变量 let a "32";它的语义模…

vue3中解决组件间 css 层级问题最佳实践(Teleport的使用)

定义&#xff1a; <Teleport> 是 Vue 3 中引入的一个内置组件&#xff0c;用于将组件的内容渲染到 DOM 中的指定位置&#xff0c;而不受组件层级结构的限制。这在处理模态框、通知、下拉菜单等需要脱离当前组件层级的情况下非常有用。 通俗来说&#xff0c;Teleport的功…

C/C++中的字符串

字符串表示方式&#xff1a; 在C语言中&#xff0c;字符串实际上是一个字符数组&#xff08;字节数组&#xff09;&#xff0c;并且以空字符 \0 结尾。例如&#xff0c;字符串 "RUNOOB" 实际上在内存中表示为 {R, U, N, O, O, B, \0}。这个 \0 终止符告诉标准库函数&…

[AI]【Comfyui】 生成基本流程图的步骤保姆记录

在进行深度学习模型或图像生成的过程中,创建流程图能够帮助清晰地表达模型的工作流程和数据流动。本文将为您介绍生成基本流程图的一般步骤,适用于常见的深度学习图像生成模型。以下是该流程图的基本步骤: 1. 创建 Load Checkpoint 节点 流程图的第一步通常是加载已经训练好…

网页制作07-html,css,javascript初认识のhtml添加多媒体

在网页中&#xff0c;&#xff0c;除了可以添加文本和图像之外还可以插入动画声音视频等媒体元素&#xff0c;如滚动效果、 Flash、 Active x以及midi声音文件等 一、设置滚动效果 1、滚动标记marquee 1)简介:使用marquee标记不仅可以滚动文字&#xff0c;也可以移动图片表格…

2025雅森北京展今天开幕,全景展现新能源汽车时代

推动汽车后市场全产业链向新向优转型升级 在2月21日举行的第36届中国国际汽车服务用品及设备展览会&#xff0c;中国国际新能源汽车技术、零部件及服务展览会&#xff08;雅森北京展CIAACE&#xff09;上&#xff0c;雅森国际总裁谢宇表示&#xff0c;当前正处在汽车行业新旧动…