L'API Clipboard peut copier du texte après qu'un visiteur active un contrôle. Étant donné que l'accès au presse-papiers dépend des autorisations et du contexte, exécutez-le directement à partir du gestionnaire de clics et signalez s'il n'est pas disponible.
copyButton.addEventListener("click", async () => {
try {
await navigator.clipboard.writeText(textToCopy);
status.textContent = "Copied";
} catch {
status.textContent = "Could not copy. Select the text and copy it manually.";
}
});Rendre l'action compréhensible
- Utilisez un vrai bouton avec une étiquette telle que « Copier le lien ».
- Annoncez le résultat dans une région de statut proche alors que le message serait autrement manqué.
- Gardez le texte original sélectionnable afin que les visiteurs aient un autre moyen de le copier.
Gérer les restrictions du navigateur
Les écritures dans le Presse-papiers nécessitent généralement un contexte sécurisé et un geste de l'utilisateur. Ne prétendez pas silencieusement que la copie a réussi lorsque la promesse est rejetée.
Testez avec l'activation du clavier et avec l'autorisation du presse-papiers refusée. Une solution de secours claire vaut mieux qu’un bouton qui semble fonctionner mais laisse le presse-papiers inchangé.