点击将特定课程的所有元素复制到剪贴板中？

Question

我知道有很多点击复制功能的解决方案，其中一个最流行的似乎是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>