JS中如何將文本復制到剪貼板？

Question

我想在email上復制粘貼，當點擊email時，email被自動復制。 我嘗試了幾種技術，但我做不到。

這是我的代碼：

    content += '<table class="table"><thead><tr><th>Nom</th><th>Prénom</th><th>Companie</th><th>Tags</th><th class="copy">Email</th></tr></thead><tbody>';

    JSON.parse(data).forEach(id => {
     
      content += '<tr>';
      content += '<td>' + id.lastname + '</td>';
      content += '<td>' + id.firstname + '</td>';
      content += '<td>' + id.company + '</td>';
      content += '<td>' + id.tags + '</td>';
      content += '<td>' + id.email + '</td>';
      content += '</tr>';
    });

    

Answer 1

主要問題來自這一行let mail = tabStudents.email; tabstudents 未定義，在您嘗試執行它的過程中，它來自 foreach 循環的迭代器

在我的示例中，我將其重命名為 student

JSON.parse(data).forEach(student => {
let mail = student.email;

這里是完整的樣本

 function displayPopup(data) { if (data) { // si data n'est pas vide let content = ''; let modal = document.getElementById("myModal"); let contentModal = document.getElementById("modal-body"); let span = document.getElementsByClassName("close")[0]; content += '<table class="table"><thead><tr><th>Nom</th><th>Prénom</th><th>Companie</th><th>Tags</th><th class="copy">Email</th></tr></thead><tbody>'; JSON.parse(data).forEach(student => { let mail = student.email; console.log(mail) content += '<tr>'; content += '<td>' + student.lastname + '</td>'; content += '<td>' + student.firstname + '</td>'; content += '<td>' + student.company + '</td>'; content += '<td>' + student.tags + '</td>'; content += '<td>' + student.email + '</td>'; content += '</tr>'; }); content += '</tbody></table>'; contentModal.innerHTML = content; modal.style.display = "block" span.onclick = function() { modal.style.display = "none"; } window.onclick = function(event) { if (event.target == modal) { modal.style.display = "none"; } } } } displayPopup('[{"id": 1, "email":"test@test.r"}]');

 <div id="myModal"> <div id="modal-body"> <span class="close"></span> </div> </div>