在Uniapp中，复制文字到剪贴板可以通过uniapp官方提供的一个API实现。本文将介绍如何调用该API来实现复制文字到剪贴板的功能。
一、引入API
在代码中直接引入H5的API，代码如下：
if (navigator.clipboard) {
navigator.clipboard.writeText('要复制到剪贴板中的文字');
uni.showToast({
title: "复制成功",
icon: "success",
duration: 2000
});
} else {
uni.showToast({
title: "复制失败，当前浏览器不支持",
icon: "none",
duration: 2000
});
}二、实现方法
1、判断浏览器是否支持复制功能，如果不支持则返回失败。
if (!navigator.clipboard) {
uni.showToast({
title: "当前浏览器未能支持此功能，请更换浏览器",
icon: "none",
duration: 2000
});
}2、使用API将文本复制到剪贴板，并提示成功。
navigator.clipboard.writeText('要复制到剪贴板中的文字').then(function () {
uni.showToast({
title: "复制成功",
icon: "success",
duration: 2000
});
}, function (err) {
uni.showToast({
title: "复制失败，请手动复制",
icon: "none",
duration: 2000
});
});三、完整代码
代码如下：
// 判断是否支持复制功能
if (!navigator.clipboard) {
uni.showToast({
title: "当前浏览器未能支持此功能，请更换浏览器",
icon: "none",
duration: 2000
});
return;
}
// 复制内容到剪贴板
navigator.clipboard.writeText('要复制到剪贴板中的文字').then(function () {
uni.showToast({
title: "复制成功",
icon: "success",
duration: 2000
});
}, function (err) {
uni.showToast({
title: "复制失败，请手动复制",
icon: "none",
duration: 2000
});
});四、注意事项
1、该API只能在HTTPS网站中使用。
2、该API在移动浏览器中的支持度较低，可能会出现不稳定性问题。
3、为了提高用户体验，最好提供一个手动复制的方案以备用户参考。
以上是uniapp如何复制文字到剪贴板的详细内容。更多信息请关注PHP中文网其他相关文章！
