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

我在创建一个功能时遇到问题，该功能允许某人单击不同的按钮并选择相应的<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/

让我知道我是否忘记了什么。

最佳答案

当您单击按钮时，该函数将获得段落标签：

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

所以你只需要检查它的内容是这样的：

var copy = target.innerHTML

关于javascript - 使用Javascript将多个元素的文本值复制到用户剪贴板，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/48694721/