クリックすると、特定のクラスのすべての要素がクリップボードにコピーされますか？

Question

Click to Copy機能には多くのソリューションがありますが、最も人気のあるものはclipboard.jsのようですが、特定のクラスを持つ要素だけをコピーできるソリューションは見つかりませんでした。例えば

：

<div class="wrapper"> 
    <div class="copytext">I want to copy this text</div> 
    <div class="nocopytext">I don't want to copy this text</div> 
    <div class="copytext">I also want to copy this text<div> 
</div> 
<button>Copy only classes with copytext</button> 

がどのように私は「copytext」すべてのクラスを選択するために、私のスクリプトを作成して、私のクリップボードにコピーしますが、何か他のものを除外することができますか？

Answer 1

利用document.getElementsByClasName（）

<div class="wrapper"> 
    <div class="copytext">I want to copy this text</div> 
    <div class="nocopytext">I don't want to copy this text</div> 
    <div class="copytext">I also want to copy this text<div> 
</div> 
<button onclick="copyText()">Copy only classes with copytext</button> 
<div id="output"></div> 
<script> 
function copyText(){ 
    var outputText = ""; 
    var targets = document.getElementsByClassName('copytext'); 
    for(var i = 0; i < targets.length; i++) { 
    outputText += targets[i].innerText; 
    } 
    var output = document.getElementById('output'); 
    output.innerText = outputText; 
    var range = document.createRange(); 
    range.selectNodeContents(output); 
    var selection = window.getSelection(); 
    selection.removeAllRanges(); 
    selection.addRange(range); 
    document.execCommand('copy'); 
    output.style.display = 'none'; 
} 
</script>