Rumah > hujung hadapan web > uni-app > teks badan

Bagaimana untuk menyalin teks ke papan keratan dalam uniapp

PHPz
Lepaskan: 2023-04-20 15:14:58
asal
4501 orang telah melayarinya

Dalam Uniapp, menyalin teks ke papan keratan boleh dicapai melalui API yang disediakan secara rasmi oleh uniapp. Artikel ini akan memperkenalkan cara memanggil API ini untuk merealisasikan fungsi menyalin teks ke papan keratan.

1. Pengenalan API

Perkenalkan H5 API terus ke dalam kod tersebut:

if (navigator.clipboard) {
  navigator.clipboard.writeText('要复制到剪贴板中的文字');
  uni.showToast({
    title: "复制成功",
    icon: "success",
    duration: 2000
  });
} else {
  uni.showToast({
    title: "复制失败,当前浏览器不支持",
    icon: "none",
    duration: 2000
  });
}
Salin selepas log masuk

2 1. Penghakiman Sama ada pelayar menyokong fungsi salin, jika tidak, kegagalan akan dikembalikan.

2 Gunakan API untuk menyalin teks ke papan keratan, dan ia akan menggesa kejayaan.
if (!navigator.clipboard) {
  uni.showToast({
    title: "当前浏览器未能支持此功能,请更换浏览器",
    icon: "none",
    duration: 2000
  });
}
Salin selepas log masuk

3. Kod lengkap
navigator.clipboard.writeText('要复制到剪贴板中的文字').then(function () {
  uni.showToast({
    title: "复制成功",
    icon: "success",
    duration: 2000
  });
}, function (err) {
  uni.showToast({
    title: "复制失败,请手动复制",
    icon: "none",
    duration: 2000
  });
});
Salin selepas log masuk

Kod adalah seperti berikut:

4 Nota
// 判断是否支持复制功能
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
  });
});
Salin selepas log masuk

1 digunakan pada tapak web HTTPS yang digunakan dalam.

2. API ini mempunyai sokongan yang rendah dalam penyemak imbas mudah alih dan boleh menyebabkan isu ketidakstabilan.

3. Untuk menambah baik pengalaman pengguna, sebaiknya sediakan penyelesaian salinan manual untuk rujukan pengguna.

Atas ialah kandungan terperinci Bagaimana untuk menyalin teks ke papan keratan dalam uniapp. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

sumber:php.cn
Kenyataan Laman Web ini
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan