uni-app复制文本方法uni.setClipboardData的使用
uni-app
2023-04-28 15:17:09
对于剪切板的设置和获取,在输入型和获取类的多数网站中都会被使用。
如果你需要的是常规网站设置剪切板内容,可以本站中搜索“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()。
六月初字帖坊小程序
你想要的字帖模板及工具,这里都有!
880篇文章
1985人已阅读