Как сделать ссылку с функционалом копирования адреса страницы в буфер обмена?

Question

[s24344]

Всем привет. Подскажите, пожалуйста как создать ссылку при клике на которую адрес страницы будет скопирован в буфер обмена?

Answer 1

[Владимир Проскурин]

Вот такой метод я взял с stackoverflow

function copyToClipboard(text) {
    var selected = false;
    var el = document.createElement('textarea');
    el.value = text;
    el.setAttribute('readonly', '');
    el.style.position = 'absolute';
    el.style.left = '-9999px';
    document.body.appendChild(el);
    if (document.getSelection().rangeCount > 0) {
        selected = document.getSelection().getRangeAt(0)
    }
    el.select();
    document.execCommand('copy');
    document.body.removeChild(el);
    if (selected) {
        document.getSelection().removeAllRanges();
        document.getSelection().addRange(selected);
    }
};

и берете, вешаете onclick, и в нем передаете в copyToClipboard значение ссылки.
Пример

Comments

[s24344]

Спасибо за помощь.

Answer 2

[Артем]

Кроссбраузерное решение, где уже всё придумали до вас - https://clipboardjs.com/

Comments

[s24344]

Отлично. Спасибо.