Maison > interface Web > js tutoriel > le corps du texte

Pouvez-vous accéder automatiquement au contenu du Presse-papiers sur une page Web ?

Barbara Streisand
Libérer: 2024-10-28 03:54:01
original
679 Les gens l'ont consulté

Can You Access the Clipboard Content Automatically on a Web Page?

Comment récupérer le contenu actuel du presse-papiers sur une page Web ?

Cette question recherche une méthode pour récupérer automatiquement le contenu du presse-papiers et l'insérer dans un champ de texte lors du chargement de la page sans intervention de l'utilisateur.

Pour y parvenir, la solution exploite la nouvelle API Clipboard accessible via navigator.clipboard. Voici comment l'implémenter :

En utilisant la syntaxe async/await :

const text = await navigator.clipboard.readText();
Copier après la connexion

Ou en utilisant la syntaxe Promise :

navigator.clipboard.readText()
.then(text => {
    console.log('Pasted content: ', text);
})
.catch(err => {
    console.error('Failed to read clipboard contents: ', err);
});
Copier après la connexion

Notez que cette approche nécessite l'autorisation de l'utilisateur, ce qui est demandé via une boîte de dialogue. De plus, il ne fonctionne pas dans Firefox version 109 ou ultérieure.

Pour appeler le code depuis la console, définissez un délai d'attente et cliquez rapidement dans la fenêtre du site Web cible :

setTimeout(async () => {
  const text = await navigator.clipboard.readText();
  console.log(text);
}, 2000);
Copier après la connexion

Pour en savoir plus Pour plus de détails sur l'API et son utilisation, reportez-vous à la documentation du développeur Google.

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!

source:php.cn
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Derniers articles par auteur
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal