は要素innerHTMLをJavaScriptでクリップボードにコピーできません

javascriptでHTMLテキストをコピーするのにclipboard.jsを使用しますが、機能しません。私はdiv要素を使用する場合は要素innerHTMLをJavaScriptでクリップボードにコピーできません

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

ではなく、[OK]：ここに私のコードは次のとおりです。私はテキストエリアを使用する場合

<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>

それは非常にうまく機能

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

はあなたに感謝します！

出典

2017-06-09 windleaf5188

私にとってはうまく動作します。私はあなたのスクリプトタグが間違っていると思います。私がClipboard is not definedエラーを受け取ったというコードを提供しています。 zeroclipboardが含まれていますが、clipboardjsを使用したようですか？そして、ngClipのための不正な形式のスクリプトタグがあります。

CDNsのいずれかをプロジェクトページで使用してみてください。

<!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>

出典

2017-06-09 15:55:50

は要素innerHTMLをJavaScriptでクリップボードにコピーできません

答えて

関連する問題