Comment puis-je récupérer des données du Presse-papiers en les collant dans différents navigateurs à l'aide de JavaScript ?

Méthode JavaScript multi-navigateur pour récupérer les données du presse-papiers lors d'un événement de collage

Dans les applications Web, la récupération des données du presse-papiers collées par un utilisateur est cruciale pour divers scénarios. Examinons une solution qui vous permet de capturer et de traiter des données collées dans plusieurs navigateurs, en préservant tout formatage existant dans l'éditeur de texte.

Solution n°1 : gestion du texte brut uniquement (Firefox 22 pris en charge)

Cette approche fonctionne pour un large éventail de navigateurs, notamment :

• Internet Explorer 6
• Firefox 22
• Chrome
• Safari
• Microsoft Edge

Fonctionnalité :

• Capture les données en texte brut collées dans le texte éditeur.
• Ne gère pas le contenu HTML ou les versions de Firefox inférieures à 22.

Mise en œuvre :

function handlePaste(e) {
  var clipboardData, pastedData;

  // Stop actual pasting into the div
  e.stopPropagation();
  e.preventDefault();

  // Retrieve pasted data through clipboard API
  clipboardData = e.clipboardData || window.clipboardData;
  pastedData = clipboardData.getData('Text');

  // Perform desired operations with the pasted data (e.g., alert)
  alert(pastedData);
}

// Attach the event listener to the text editor
document.getElementById('editableDiv').addEventListener('paste', handlePaste);

Marquage HTML :

<div>

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!