Несколько методов копирования строки в буфер обмена в JavaScript

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

  1. Использование API буфера обмена:

    async function copyToClipboard(text) {
     try {
       await navigator.clipboard.writeText(text);
       console.log('Text copied to clipboard');
     } catch (err) {
       console.error('Failed to copy text: ', err);
     }
    }
    // Usage:
    copyToClipboard('Hello, world!');
  2. Выполнение команды копирования во временном элементе ввода:

    function copyToClipboard(text) {
     const input = document.createElement('input');
     input.value = text;
     document.body.appendChild(input);
     input.select();
     document.execCommand('copy');
     document.body.removeChild(input);
     console.log('Text copied to clipboard');
    }
    // Usage:
    copyToClipboard('Hello, world!');
  3. Использование запасного метода с подсказкой:

    function copyToClipboard(text) {
     prompt('Copy to clipboard: Ctrl+C, Enter', text);
    }
    // Usage:
    copyToClipboard('Hello, world!');

Эти методы позволяют копировать заданную строку в буфер обмена в JavaScript. Первый метод использует API буфера обмена, который обеспечивает современный и рекомендуемый подход. Второй метод создает временный элемент ввода и выполняет команду копирования. Третий метод использует подсказку в качестве запасного варианта.