jQuery Girl
  1. jQuery Girl
  3. Comment copier du texte d’un div dans le presse-papier
Intereting Posts
.net webapi HttpGet vs HttpPost. pourquoi HttpGet? Mise à jour des contrôles rendus par le serveur ASP.NET à l’aide de ajax jQuery, trouve si l’élément a du texte obtenir la couleur de fond de rgba par jquery Essayer de charger des cartes Google via un appel ajax (jQuery) Chargement de valeurs dans une sélection HTML à l’aide de jQuery / Json jQuery – impossible d’appeler des méthodes dans la boîte de dialog avant l’initialisation Configuration Azure CORS jQuery – Comment stocker et accéder à un object dans un autre object Peut-on exécuter des requêtes SQL dans JQuery JQGrid: ‘beforeSelectRow’ et ‘sortableRows’ – exclut la colonne d’être déplaçable? Comment faire en sorte que la valeur d’une zone de sélection détermine les options d’une deuxième zone de sélection annuler l’infobulle jquery lors du chargement dynamic du contenu Sélectionner le dernier élément en utilisant le nom de la classe Manipulation du menu JQuery lors du redimensionnement pour une mise en page réactive

Comment copier du texte d’un div dans le presse-papier

Voici mon code pour quand l’utilisateur clique sur ce bouton:

Comment copier le texte à l’intérieur de cette div? 

 
Text To Copy

Les deux vont comme un charme :),

  1. JAVASCRIPT: 

     function CopyToClipboard(containerid) { if (document.selection) { var range = document.body.createTextRange(); range.moveToElementText(document.getElementById(containerid)); range.select().createTextRange(); document.execCommand("copy"); } else if (window.getSelection) { var range = document.createRange(); range.selectNode(document.getElementById(containerid)); window.getSelection().addRange(range); document.execCommand("copy"); alert("text copied") }}

Aussi en html, 

  
Text To Copy

J’ai essayé la solution proposée ci-dessus. Mais ce n’était pas assez multi-navigateur. J’avais vraiment besoin d’EI11 pour travailler. Après avoir essayé je dois: 

   
 Click to copy

Testé avec Firefox 57, Chrome 63, Opera 49, ie11 et seul le bord ne fonctionnait pas.

La réponse acceptée ne fonctionne pas lorsque vous devez copier plusieurs éléments, chacun avec un bouton “Copier dans le Presse-papiers” distinct. Après avoir cliqué sur un bouton, les autres ne fonctionneront pas.

Pour les faire fonctionner, j’ai ajouté du code à la fonction de réponse acceptée pour effacer les sélections de texte avant d’en faire une nouvelle: 

 function CopyToClipboard(containerid) { if (window.getSelection) { if (window.getSelection().empty) { // Chrome window.getSelection().empty(); } else if (window.getSelection().removeAllRanges) { // Firefox window.getSelection().removeAllRanges(); } } else if (document.selection) { // IE? document.selection.empty(); } if (document.selection) { var range = document.body.createTextRange(); range.moveToElementText(document.getElementById(containerid)); range.select().createTextRange(); document.execCommand("copy"); } else if (window.getSelection) { alert(containerid); var range = document.createRange(); range.selectNode(document.getElementById(containerid)); window.getSelection().addRange(range); document.execCommand("copy"); alert("text copied") } }

Ajouter le lien en tant que réponse pour attirer davantage l’attention sur le commentaire d’Aaron Lavers sous la première réponse.

Cela fonctionne comme un charme – http://clipboardjs.com . Ajoutez simplement le fichier clipboard.js ou min. Lors du lancement, utilisez la classe contenant le composant HTML sur lequel cliquer et transmettez simplement l’identifiant du composant avec le contenu à copier, à l’élément click.