如何使用HTML/JS中的按钮将锚的href链接复制到剪贴板

Question

我有一个html文件，其中有一个表，每行收集几个web链接(url(，在同一个表中，我希望每行都有一个按钮，将该行的链接复制到剪贴板(嵌入锚标记中的'href'(，并向用户提供反馈弹出窗口。

我已经尝试了几种方法，但似乎大多数可用的示例都显示了如何仅针对输入字段实现这一点，此外，使用硬编码函数，这些函数不会接收要复制的文本的引用id作为参数。

有什么想法吗？

-更新-多亏了Maasander的建议，我解决了我的问题。不幸的是，建议的线程对我的问题不够具体：如何用JavaScript复制到剪贴板？

Answer 1

我想最基本的版本应该是这样的：

var rows = document.getElementsByClassName('table-row');
for (var i = 0; i < rows.length; i++){
var button = rows[i].querySelector('button');

button.addEventListener('click', function(e){
var link = e.target.closest('tr').querySelector('a');
var tempText = document.createElement('textarea');
tempText.value = link.href;
document.body.appendChild(tempText);
tempText.select();
document.execCommand('copy');
document.body.removeChild(tempText);
});
}

<table>
<tr class="table-row">
<td><a href="https://www.google.com">Google</a></td>
<td><button type="button">Copy</button></td>
</tr>
<tr class="table-row">
<td><a href="https://stackoverflow.com/">Stack Overflow</a></td>
<td><button type="button">Copy</button></td>
</tr>
</table>