Obtenir le contenu actuel du presse-papiers ?

Question

J'aimerais connaître un moyen de faire en sorte que mon script détecte le contenu du presse-papiers et le colle dans un champ de texte à l'ouverture de la page, sans aucune saisie de l'utilisateur. Comment cela peut-il être fait ?

Answer 1

Utilisez le nouvelle API pour le presse-papiers via navigator.clipboard . Il peut être utilisé comme suit :

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

Ou avec une syntaxe asynchrone :

const text = await navigator.clipboard.readText();

N'oubliez pas qu'une boîte de dialogue de demande d'autorisation s'ouvrira à l'utilisateur, donc pas d'entourloupe possible.

Le code ci-dessus ne fonctionnera pas s'il est appelé depuis la console. Il ne fonctionne que si vous exécutez le code dans un onglet actif. Pour exécuter le code depuis votre console, vous pouvez définir un délai d'attente et cliquer rapidement dans la fenêtre du site Web :

setTimeout(async () => {
  const text = await navigator.clipboard.readText();
  console.log(text);
}, 2000);

Pour en savoir plus sur l'API et son utilisation, consultez le Documents pour développeurs Google .

Spec

Answer 2

window.clipboardData.getData('Text') fonctionnera dans certains navigateurs. Toutefois, dans de nombreux navigateurs où il fonctionne, l'utilisateur est invité à indiquer s'il souhaite ou non que la page Web ait accès au presse-papiers.

Answer 3

Vous pouvez utiliser

window.clipboardData.getData('Text')

pour obtenir le contenu du presse-papiers de l'utilisateur dans IE. Cependant, dans d'autres navigateurs, vous devrez peut-être utiliser Flash pour obtenir le contenu, car il n'existe pas d'interface standard pour accéder au presse-papiers. Vous pouvez peut-être essayer ce plugin Presse-papiers zéro

Answer 4

La suite vous donnera le contenu sélectionné ainsi que la mise à jour du presse-papiers.

Liez l'identifiant de l'élément avec l'événement de copie, puis récupérez le texte sélectionné. Vous pouvez remplacer ou modifier le texte. Récupérez le presse-papiers et définissez le nouveau texte. Pour obtenir le formatage exact, vous devez définir le type comme "text/hmtl". Vous pouvez également le lier au document au lieu de l'élément.

document.querySelector('element').bind('copy', function(event) {
  var selectedText = window.getSelection().toString(); 
  selectedText = selectedText.replace(/\u200B/g, "");

  clipboardData = event.clipboardData || window.clipboardData || event.originalEvent.clipboardData;
  clipboardData.setData('text/html', selectedText);

  event.preventDefault();
});