Comment copier du texte dans le presse-papiers du client avec jQuery ?

Copier le texte dans le presse-papiers du client avec jQuery

La copie du texte dans le presse-papiers du client implique plusieurs étapes :

1. Déclencher la copie en un clic dans une zone de texte.
2. Transférez le texte sélectionné dans le presse-papiers.
3. Fournissez des commentaires de l'utilisateur sur l'action.

Pour ce faire à l'aide de jQuery, suivez ces étapes :

1. Incluez jQuery dans votre document HTML s'il n'est pas déjà présent.

<code class="html"><script src="https://code.jquery.com/jquery-3.6.0.min.js"></script></code>

2. Créez un élément textarea et attachez un écouteur d'événement à son événement de clic :

<code class="html"><textarea id="my-textarea"></textarea>

<script>
$( "#my-textarea" ).on( "click", function() {
  // Get the selected text
  var selectedText = $(this).val();

  // Clipboard API is not supported in all browsers
  if (!navigator.clipboard) {
    console.error("Clipboard API not supported");
    return;
  }

  // Set the selected text to the clipboard
  navigator.clipboard.writeText(selectedText).then(() => {
    // Success
    alert("Text copied to clipboard!");
  }, () => {
    // Error
    alert("Failed to copy text to clipboard");
  });
});
</script></code>

Cette approche utilise l'API Clipboard, qui est prise en charge par la plupart des navigateurs modernes. Si votre public cible inclut des navigateurs plus anciens, envisagez d'utiliser une méthode de secours, telle que l'utilisation de ZeroClipboard ou Flash, comme décrit dans la réponse fournie.

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!