impossible de copier l'élément innerHTML dans le Presse-papiers avec javascript

J'utilise clipboard.js pour copier mon texte html avec javascript, mais cela ne fonctionne pas. Voici mon code:impossible de copier l'élément innerHTML dans le Presse-papiers avec javascript

<html> 
//... 
<script src="http://asafdav.github.io/ng-csv/javascripts/ngClip.js"</script> 
<script src="http://cdnjs.cloudflare.com/ajax/libs/zeroclipboard/1.1.7/ZeroClipboard.min.js"></script> 
//... 
<div id="copy-target">hello</div> 
<button class="copy-button" data-clipboard-action="copy" data-clipboard-target="#copy-target">Copy</button> 
//... 

<script> 
var clipboard = new Clipboard('.copy-button'); 
</script> 
</html>

il fonctionne très bien quand j'utilise textarea:

<textarea id="copy-target">hello</textarea>

mais pas ok quand j'utilise div:

<div id="copy-target">hello</div>

merci!

Source

2017-06-09 windleaf5188

Cela fonctionne très bien pour moi. Je pense que vos balises de script sont fausses - avec le code que vous avez fourni, j'ai eu une erreur Clipboard is not defined. Il semble que vous incluiez zeroclipboard mais que vous vouliez utiliser clipboardjs? Et puis vous avez également une balise de script mal formée pour ngClip. Essayez l'un des CDNs sur la page du projet.

<!DOCTYPE html> 
 
<html> 
 
<head> 
 
    <script src="https://cdnjs.cloudflare.com/ajax/libs/clipboard.js/1.6.1/clipboard.min.js"></script> 
 
</head> 
 
<body> 
 
    <div id="copy-target">hello</div> 
 
    <button class="copy-button" data-clipboard-action="copy" data-clipboard-target="#copy-target">Copy</button> 
 
    
 
    <script> 
 
    var clipboard = new Clipboard('.copy-button'); 
 
    </script> 
 
</body> 
 
</html>

Source

2017-06-09 15:55:50

impossible de copier l'élément innerHTML dans le Presse-papiers avec javascript

Répondre

Questions connexes