时间戳

首页 > 解决方案 > 我想要生成的链接，复制到剪贴板

copy - 我想要生成的链接，复制到剪贴板

问题描述

<div class="form-group m-l-4">
            <label class="" for="">Share It :</label>
            <p id="postcodep<?php echo isset($campaign['post_id']) ? $campaign['post_id'] : 0 ?>" style="    word-wrap: break-word;     margin: 0px;
               border: 1px solid #1083d4;
               padding: 5px;
               }">Please Generate Link</p>
        </div>
        <!--<button ng-click="getCode('<?php echo isset($campaign['post_id']) ? $campaign['post_id'] : 0 ?>', <?php echo isset($campaign['campaign_id']) ? $campaign['campaign_id'] : 0 ?>)" class="btn btn-default m-l-2   waves-effect waves-light"><span class="fa "></span>GET</button>-->

        <button ng-click="getCode('<?php echo isset($campaign['post_id']) ? $campaign['post_id'] : 0 ?>', <?php echo isset($campaign['campaign_id']) ? $campaign['campaign_id'] : 0 ?>)" class="btn btn-info waves-effect waves-light m-b-5 btn-xs"><span class="fa fa-plus " ></span> GENERATE LINK </button>

我希望生成链接，一旦人们单击生成链接，就将其复制到剪贴板。谁能帮助我我不熟悉角度？

标签： copy

解决方案

我不知道这在 Angular 中是如何工作的，但在纯 JavaScript 中它可能类似于：

<button id="get-link" data-link="<?= getCode() ?>">GET LINK</button>

document.getElementById('get-link').addEventListener('click', function () {
    var temp = document.createElement('textarea');
    temp.value = this.getAttribute('data-link');

    document.body.appendChild(temp);
    temp.select();

    document.execCommand('copy');

    document.body.removeChild(temp);    
});

推荐阅读