Скопируйте текст в буфер обмена с помощью JavaScript

Чтобы скопировать текст в буфер обмена с помощью JavaScript, вы можете использовать разные методы в зависимости от требуемой совместимости браузера. Вот несколько методов, которые вы можете использовать:

  1. Метод Document.execCommand():

    function copyToClipboard(text) {
    var textarea = document.createElement('textarea');
    textarea.value = text;
    document.body.appendChild(textarea);
    textarea.select();
    document.execCommand('copy');
    document.body.removeChild(textarea);
    }
  2. API буфера обмена:

    function copyToClipboard(text) {
    navigator.clipboard.writeText(text)
    .then(function() {
      console.log('Text copied to clipboard');
    })
    .catch(function(err) {
      console.error('Failed to copy text: ', err);
    });
    }
  3. Создание поля ввода и программное копирование текста:

    function copyToClipboard(text) {
    var input = document.createElement('input');
    input.value = text;
    document.body.appendChild(input);
    input.select();
    document.execCommand('copy');
    document.body.removeChild(input);
    }

Обратите внимание, что первый метод с использованием execCommandшироко поддерживается, но считается устаревшим. Второй метод с использованием API буфера обмена — рекомендуемый подход для современных браузеров. Третий метод — запасной вариант, если первые два метода недоступны.