Comment copier du texte dans le presse-papiers dans Uniapp

Dans Uniapp, la copie de texte dans le presse-papiers peut être réalisée via une API officiellement fournie par uniapp. Cet article explique comment appeler cette API pour réaliser la fonction de copie de texte dans le presse-papiers.

1. Introduction de l'API

Introduisez l'API H5 directement dans le code. Le code est le suivant :

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

2. Déterminez si le navigateur prend en charge la fonction de copie. cela renverra un échec.

if (!navigator.clipboard) {
  uni.showToast({
    title: "当前浏览器未能支持此功能，请更换浏览器",
    icon: "none",
    duration: 2000
  });
}

2. Utilisez l'API pour copier du texte dans le presse-papiers et obtenir le succès.

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

3. Le code complet

Le code est le suivant :

// 判断是否支持复制功能
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
  });
});

4. Notes

1. L'API ne peut être utilisée que dans les sites Web HTTPS.

2. Cette API est peu prise en charge dans les navigateurs mobiles et peut provoquer des problèmes d'instabilité.

3. Afin d'améliorer l'expérience utilisateur, il est préférable de fournir une solution de copie manuelle pour référence à l'utilisateur.

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!