Javascript 单击项目复制到剪贴板

我在同一个班有三个班

<div>
    <span class="textValue">Atul</span>
    <span class="textValue">Kumar</span>
    <span class="textValue">Rajput</span>
</div>

阿图尔
古玛
拉吉普特

我只想知道，如果我点击任何跨度，那么该跨度的值将被复制到剪贴板

i、 e.如果单击第一个span，则“Atul”将被复制到剪贴板。

您可以尝试此操作

 $(".textValue").click(function () {
    var spanVal = $(this).text();
    document.execCommand("copy");
    alert(spanVal);
});

---

您不能选择

span

，因此必须使用span的

textContent

创建一个临时

textarea

，以执行

copy

命令

阿图尔
古玛
拉吉普特

尝试粘贴复制的文本：



var result=document.getElementById（“结果”）；
功能副本（el）{
var copyText=el.textContent；
var textArea=document.createElement（“textArea”）；
textArea.value=复制文本；
document.body.appendChild（textArea）；
textArea.select（）；
文件。执行命令（“副本”）；
textArea.remove（）；
result.innerHTML=“复制的文本：”+copyText；
}

您可以尝试不同的布局

或

这边

const span=document.querySelector（“span”）；
var result=document.getElementById（“结果”）；
功能副本（el）{
var copyText=el.textContent；
var textArea=document.createElement（“textArea”）；
textArea.value=复制文本；
document.body.appendChild（textArea）；
textArea.select（）；
文件。执行命令（“副本”）；
textArea.remove（）；
result.innerHTML=“复制的文本：”+copyText；
}

阿图尔
古玛
拉吉普特

您自己有没有尝试过解决这个问题？如果是，请发布您编写的代码，以便我们进行修复。jQuery的

live（）

方法的可能重复项已在jQuery 1.9版中删除。您应该改用（）上的

。而且，您的方法不起作用。