Буфер обмена

Это текст для копирования. Вы можете редактировать его и нажать кнопку "Скопировать".

Готово к запуску

await navigator.clipboard.writeText('Hello, clipboard!');
console.log('Text copied to clipboard');

Параметр text - строка текста для копирования в буфер обмена

Метод возвращает Promise, который разрешается после успешной записи текста

Готово к запуску

const text = await navigator.clipboard.readText();
console.log('Clipboard content:', text);

Метод возвращает Promise, который разрешается в текстовое содержимое буфера обмена (только text/plain)

Важно: Для чтения из буфера обмена требуется разрешение пользователя

Примечание: Для чтения HTML или других типов данных используйте метод read()

Готово к запуску

const html = '<p>Hello <strong>world</strong>!</p>';
const blob = new Blob([html], { type: 'text/html' });
const item = new ClipboardItem({ 'text/html': blob });
await navigator.clipboard.write([item]);
console.log('HTML copied!');

Метод write() позволяет копировать данные различных типов:

• text/plain - обычный текст
• text/html - HTML разметка
• image/png - изображения

Готово к запуску

const items = await navigator.clipboard.read();
for (const item of items) {
  for (const type of item.types) {
    const blob = await item.getType(type);
    const text = await blob.text();
    console.log(`${type}:`, text);
  }
}

Метод read() позволяет читать данные различных типов из буфера обмена, включая HTML, изображения и другие форматы

Возвращает Promise, который разрешается в массив ClipboardItem объектов

Важно: Этот метод требует разрешения пользователя и работает только в безопасном контексте (HTTPS)