Javascript 如何复制元素'；在单击时将值添加到剪贴板？

我有一个元素列表，我想单击以复制其中的值。所有元素都具有类

datavalue

。我认为带有javascript副本的Jquery选择器会有所帮助。

IDM

名字
约翰
第二名
巴克斯特
德布里斯
12/25/1982

您可以执行以下操作：

单击以复制

$（'.datavalue'）。在（'click'，函数（e）上{
var text=$（e.target）.text（）；
抄写板（文本）；
})
功能copyToClipboard（项目）{
const x=document.createElement（'TEXTAREA'）；
x、 价值=项目；
文件.正文.附件（x）；
x、 选择（）；
document.execCommand（'copy'）；
文件.body.removeChild（x）；
}

.datavalue:悬停{
背景色：#eee；
}

IDM

名字
约翰
第二名
巴克斯特
德布里斯
12/25/1982

这对我来说很有用。它将在单击任何类为“datavalue”的元素时进行复制。单击后还会高亮显示元素

<script type="text/javascript">
    $(".datavalue").css("background","#ffffff");
    $(".datavalue").click(function () {
        copyToClipboard(this);
        this.style.backgroundColor = "#ffeecc";
      //  alert('s');
    })



    function copyToClipboard(element) {
        var $temp = $("<input>");
        $("body").append($temp);
        $temp.val($(element).text().trim()).select();
        document.execCommand("copy");
        $temp.remove();
    }
</script>

$（“.datavalue”）.css（“背景”，“#ffffff”）；
$（“.datavalue”）。单击（函数（）{
抄写板（本）；
this.style.backgroundColor=“#ffeecc”；
//警报；
})
功能copyToClipboard（元素）{
变量$temp=$（“”）；
$（“正文”）。追加（$temp）；
$temp.val（$（element.text（）.trim（））.select（）；
文件。执行命令（“副本”）；
$temp.remove（）；
}

您发布的代码返回错误。你能发布一个可以独立运行的代码片段吗？这能回答你的问题吗？不，没有。把我的问题标记为已经回答的人显然没有意识到这不是一个下拉列表，而是一个单独的元素。所以现在有人关闭了这个问题，链接了一些与答案不相似的东西。我在这里找到了答案，我甚至不能回答我自己的问题！

<script type="text/javascript">
    $(".datavalue").css("background","#ffffff");
    $(".datavalue").click(function () {
        copyToClipboard(this);
        this.style.backgroundColor = "#ffeecc";
      //  alert('s');
    })



    function copyToClipboard(element) {
        var $temp = $("<input>");
        $("body").append($temp);
        $temp.val($(element).text().trim()).select();
        document.execCommand("copy");
        $temp.remove();
    }
</script>