Question

给出此HTML：

<html>
<body>
<table>
  <tr>
    <td>Copy This Text</td>
    <td><button type="button">Copy</button></td>
  </tr>
</table>
</body>
</html>

当用户单击该按钮时，如何将文本从第一个TD标签复制到剪贴板？

Answer 1

第一种方法：

$(document).ready(function(){
   $("button").click(function(){
      $("td").append($("td").html());
   });
});

您应该删除第二个<td>并将button放在外面

<button type="button">Copy</button>

Answer 2

您可以将以下代码用于jQuery：

function copyText(obj) 
{
    var tmpInput = $("<input>");
    $("body").append(tmpInput);
    var tdVal = $(obj).parent().prev().text();
    tmpInput.val(tdVal).select();
    document.execCommand("copy");
    tmpInput.remove();
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<table>
  <tr>
    <td>Copy This Text</td>
    <td><button onclick="copyText(this)">Copy</button></td>
  </tr>
</table>

如何将文本从特定的表格标签复制到剪贴板？

2 个答案: