单击时复制到剪贴板

Question

对不起，如果这很简单，我对代码非常陌生。 我有这个按钮，但是当它被点击时我找不到复制它的链接的方法。 我只是希望有人能够单击该按钮，将其复制到他们的剪贴板，然后弹出一个“链接已复制”。 我该怎么做呢？ 感谢您提供任何帮助。

 <a href="http://google.com" class="videotabsbutton w-button">Copy</a>

Answer 1

<!DOCTYPE html>
<html>
<head>
<title>Page Title</title>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
</head>
<body>

<a href="http://google.com" class="videotabsbutton w-button" onclick='return copyToClipboard(this)'>Copy</a>

<script>
function copyToClipboard(element) {
    var $temp = $("<input>");
    $("body").append($temp);
    $temp.val($(element).attr('href')).select();
    document.execCommand("copy");
    $temp.remove();
    alert("Link copied!");

}

</script>
</body>
</html>

这应该有效。 从这里得到它：使用 jQuery 单击按钮复制到剪贴板

单击时复制到剪贴板

问题描述

1 个解决方案

解决方案1
1 2021-02-03 18:21:05

单击时复制到剪贴板

问题描述

1 个解决方案

解决方案1 1 2021-02-03 18:21:05

解决方案1
1 2021-02-03 18:21:05