如何创建<img/>副本到剪贴板?

时间:2017-09-16 04:21:05

标签: php jquery clipboard

需要一些帮助。如何更改以下代码,以便我可以在用户单击按钮时创建图像标记将复制到剪贴板,并且用户可以将其粘贴到地址栏中

<?php
$arr = array('1'=>'goo.gl/kgVQMc', '2'=>'goo.gl/cqhk1V');
?>

<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <title></title>
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
  </head>
  <body>

    <?php
    foreach($arr as $key => $value)
    {
      ?>
      <p id="<?php echo $key?>"> <?php echo $value?> </p>
      <button onclick="copyToClipboard('#<?php echo $key?>')">Copy Text<?php echo $key?></button>
      <br><br>
      <?php
    }
    ?>

    <input type="text">

    <script type="text/javascript">
      function copyToClipboard(element) {
        var $temp = $("<input>");
        $("body").append($temp);
        $temp.val($(element).text()).select();
        document.execCommand("copy");
        $temp.remove();
      }
    </script>

  </body>
</html>

0 个答案:

没有答案