如何使用 HTML/JS 中的按鈕將來自 Anchor 的 href 鏈接復制到剪貼板？

Question

我有一個 html 文件，其中的表格在每一行中收集了幾個 web 鏈接（url），並且在同一個表格中，我希望每一行都有一個按鈕，它將該行的鏈接復制到剪貼板（嵌入為'href ' 在錨標記中），給用戶一個反饋彈出窗口。

我已經嘗試了幾種方法，但似乎大多數可用示例都顯示了如何僅針對輸入字段實現這一點，此外，硬編碼函數不接收要復制的文本的參考 ID 作為參數。

有任何想法嗎？

-更新-由於 Maassander 的建議，我解決了我的問題。 不幸的是，建議的線程對我的問題不夠具體： 如何在 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>