uniapp如何複製文字到剪貼簿

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