Comment puis-je capturer et nettoyer le texte collé dans différents navigateurs ?

Capturer et nettoyer le texte collé dans plusieurs navigateurs

Coller du texte dans des applications Web pose souvent un problème : conserver le formatage tout en filtrant les données collées. Cet article explore une solution multi-navigateurs à ce défi.

Solution 1 : Prise en charge du texte brut pour les navigateurs modernes

Pour IE6 , Firefox 22 , Chrome, Safari et Edge, l'extrait de code suivant peut être utilisé pour capturer et traiter le texte collé :

function handlePaste(e) {
  var clipboardData, pastedData;

  // Stop data actually being pasted into div
  e.stopPropagation();
  e.preventDefault();

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

  // Do whatever with pasteddata
  alert(pastedData);
}

document.getElementById('editableDiv').addEventListener('paste', handlePaste);

Cette approche extrait le texte brut texte du presse-papiers et permet un traitement ultérieur, garantissant que le formatage d'origine dans l'élément cible ne reste pas affecté.

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!