当前位置: 首页 > article >正文

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

在制作移动端支付的项目时用到了剪切板这个功能,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.kler.cn/a/559396.html

相关文章:

  • 【精调】LLaMA-Factory 快速开始2: Meta-Llama-3.1-8B-Instruct中文数据集
  • 基于范围选择的进化多目标优化PESA-II-可用于(汽车发动机多目标优化设计/飞机机翼多目标外形优化/电动汽车充电设施布局优化)
  • 【论文解读】《Training Large Language Models to Reason in a Continuous Latent Space》
  • Java即时通讯系统源码 - 仿QQ聊天-SpringBoot后台-JavaSwing桌面前端
  • 《操作系统 - 清华大学》 8 -5:进程管理:进程生命周期管理
  • [HOT 100] 2439. 最小化数组中的最大值
  • pikachu靶场搭建教程
  • Qt ModbusTCP和ModBusRTU读写数据
  • 运维linux日志面试题及参考答案
  • STM32-智能台灯项目
  • 【CS285】高斯策略对数概率公式的学习笔记
  • c语言左值和右值的区别
  • 【GPU驱动】- 状态机
  • CF 13A.Numbers(Java实现)
  • nodejs:vue 3 + vite 作为前端,将 html 填入<iframe>,在线查询英汉词典
  • 常用的性能优化方法和技巧
  • 在Spring Boot中如何使用Freemaker模板引擎
  • Cocos Creator Shader入门实战(一):材质和Effect的了解
  • docker容器网络配置及常用操作
  • 如果二者隔离级别不一致,以哪个为主。例如@Transactional 隔离级别是RC,mysql是RR