javascript - 使用 Javascript 将多个元素的文本值复制到用户剪贴板

Question

我在创建允许某人单击不同按钮并具有相应的 <p> 的功能时遇到问题选择标签，然后在所述 <p> 中添加文本标签被复制到要粘贴的剪贴板。

<p class="copyableInput grey49" id="p7">#494949</p>
<button class="copyableInputButton" onclick="copyToClipboard(p7)">COPY #
</button>
<p class="copyableInput grey66" id="p8">#666666</p>
<button class="copyableInputButton" onclick="copyToClipboard(p8)">COPY #
</button>
<p class="copyableInput greycc" id="p9">#cccccc</p>
<button class="copyableInputButton" onclick="copyToClipboard(p9)">COPY #
</button>
<p class="copyableInput greyf9" id="p10"><span 
style="color:#494949">#f9f9f9</span></p>
<button class="copyableInputButton" onclick="copyToClipboard(p10)">COPY #
</button>

function copyToClipboard(target){
    var copy= document.getElementById(target);
    copy.select();
    document.execCommand("Copy");
  alert("Copied the text: " + copy.value);
}

https://jsfiddle.net/gchis66/xrtLfffh/1/

如果我忘记了什么，请告诉我。

Answer 1

当你点击按钮时，函数获取段落标签:

<p id="p9" class="copyableInput greycc">

所以你只需要像这样检查它的内容:

var copy = target.innerHTML