uniapp 实现粘贴和复制功能

芒果大胖砸

已于 2023-03-16 17:19:10 修改

阅读量2.7k

点赞数

分类专栏： uni-app 文章标签： uni-app javascript 前端

于 2023-03-03 17:20:12 首次发布

本文链接：https://blog.csdn.net/w161513820/article/details/129324075

版权

uni-app 专栏收录该内容

26 篇文章 3 订阅

订阅专栏

在uniapp中，可以使用uni.getClipboardData和uni.setClipboardDataAPI来实现复制和粘贴功能。uni.getClipboardData用于粘贴，但不适用于PC浏览器因无法访问剪切板内容；uni.setClipboardData则用于设置复制的内容。成功执行后，可以通过uni.showToast显示提示信息。

摘要由CSDN通过智能技术生成

在小程序或者app中，有的时候不仅会遇到复制的需求，也会遇到粘贴的功能，那么如何去完成呢，其实在uniapp中就有相对应的api如下

在pc浏览器中是无效的，因为浏览器中获取不到剪切板的内容

//粘贴
uni.getClipboardData({
	showToast:false,
	success: function (res) {
		console.log(res.data);
		uni.showToast({
			title:'粘贴成功',
			duration:2000
		})
	},
	fail(err) {
		console.log(err)
	}
	
});

复制功能其实和粘贴差不多

// 复制
uni.setClipboardData({
	data: '内容',// 复制的内容 
	success: function () {
		console.log('success');
		uni.showToast({
			title:'复制成功',
			duration:2000
		})
	}
});