在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中文網其他相關文章！
