Я хочу, чтобы ссылка была сгенерирована, скопирована в буфер обмена

Question

<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>

Я хочу, чтобы ссылка была сгенерирована и скопирована в буфер обмена, как только люди нажмут на ссылку для создания. Может ли кто-нибудь помочь мне, я не знаком с angular?

Answer 1

Я не знаю, как это работает в 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);    
});