Скопироватьполучить текст виз буфера обмена в браузере через JavaScript - IZIART

Разработка сайтов
индивидуальный дизайн

Главная » JS » Скопировать\получить текст в\из буфера обмена в браузере через JavaScript

Скопировать\получить текст в\из буфера обмена в браузере через JavaScript

Обновлено: 05.10.2023
js

Записать данные в буфер обмена и получить их можно через новое API JavaScript, которое всё ещё находится на этапе разработки.

Конкретно нам понадобятся два метода — writeText и readText, которые возвращают промиз.

Запись данных в буфер обмена

Чтобы осуществить запись в буфер, необходимо просто вызвать метод writeText объекта clipboard и передать ему через параметр текст для записи.

navigator.clipboard.writeText('IZIART copy')
  .then(() => {
    // Записано!
  })
  .catch(err => {
    console.log('Что-то пошло не так!', err);
  });

Чтение данных из буфера обмена

Аналогично осуществляется получение данных вызовом метода readText.

navigator.clipboard.readText()
  .then(data => {
    // Переменная 
data содержит полученный текст из буфера
     console.log(data);
  })
  .catch(err => {
     console.log('Что-то пошло не так!', err);
  });