Bagaimana untuk menyalin teks ke papan keratan dalam uniapp

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
  });
}

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
  });
}

3. Kod lengkap

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

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
  });
});

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!