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>