?>

Как скопировать текст на javascript в буфер обмена?

Как скопировать текст на javascript в буфер обмена?

Для копирования в буфер обмена любого текста на js можно вставить этот текст в input, который обязательно должен быть виден и не находится в скрутом div, выделить его и использовать встроеную функцию js document.execCommand("copy");

Html

<i class="fas fa-copy sx-copy" style="cursor: pointer;" data-toggle="tooltip" title="Скопировать ссылку"></i>
<input id="cont" type="text" value="Любой ваш текст" style="position: absolute; left: -20000px;"/>

Обратите внимание, что инпут visible но для того чтобы его не было видно используется абсолютное позиционирование -20000px

JS

$(".sx-copy").on("click", function() {
    var input =  document.getElementById("cont");
      // Select the input node's contents
    input.select();
    // Copy it to the clipboard
    _.delay(function() {
        try {
            // Теперь, когда мы выбрали текст ссылки, выполним команду копирования
            var successful = document.execCommand("copy");
            var msg = successful ? 'successful' : 'unsuccessful';  
            sx.notify.success("Ссылка скопирована");
        } catch(err) { 
            throw err;
            sx.notify.error('Oops, unable to copy');  
        }  
    }, 300);
});

 

Все комментарии (0)
Нет комментариев