uni-app复制文本方法uni.setClipboardData的使用

对于剪切板的设置和获取,在输入型和获取类的多数网站中都会被使用。

如果你需要的是常规网站设置剪切板内容,可以本站中搜索“JS点击将内容复制到剪切板,兼容苹果浏览器”文章。该篇文章中介绍基于常规html网站如何设置剪切板操作。

以下介绍基于uni-app开发的项目如何设置剪切板和获取剪切板内容。

开始之前,我们先来看看关于uni-app提供方法的兼容性如何。

兼容平台:App、H5 微信小程序、支付宝小程序、百度小程序、字节跳动小程序、飞书小程序、QQ小程序、快手小程序、京东小程序

从以上的兼容信息,可以看出uni-app提供的方法兼容了目前所有平台。

1、设置剪切板内容

uni.setClipboardData({
data: '设置的内容',
success: function () {
console.log('success');
}
});

2、获取剪切板内容

uni.getClipboardData({
success: function (res) {
console.log('剪切板内容为:',res.data);
}
});

注意项:

    设置剪贴板内容后,小程序平台会自动弹出轻提示;(微信小程序在成功回调success里设置toast可覆盖自带的轻提示)。

    App平台默认与小程序保持一致策略。如不希望在App平台弹出提示,可在设置剪切板后立即uni.hideToast()。


六月初字帖坊小程序 你想要的字帖模板及工具,这里都有!