Clipboard API

Доступ к буферу обмена

Вместо создания объекта буфера посредством инициализации экземпляра, вы получаете доступ к системному буферу обмена через глобальный Navigator.clipboard:

navigator.clipboard
  .readText()
  .then(
    (clipText) => (document.querySelector(".editor").innerText += clipText),
  );

Этот фрагмент извлекает текст из буфера обмена и добавляет его к первому элементу, найденному с помощью editor (редактора) классов. Этот код безопасен, поскольку readText() (и read(), если на то пошло) возвращает пустую строку, если в буфере обмена нет текста.

Интерфейсы

Clipboard Secure context

Предоставляет интерфейс для чтения/записи текста и данных в системный буфер обмена. В спецификации называется 'Async Clipboard API (API асинхронного буфера обмена)'.

ClipboardEvent Secure context

Представляет события, содержащие информацию, относящуюся к модификации буфера обмена, а именно cut, copy и paste события. В спецификации называется 'Clipboard Event API (API событий буфера обмена)'.

ClipboardItem Secure context

Представляет единый формат элемента, используемый при чтении или записи данных.

Спецификации

Совместимость с браузерами

api.Clipboard

api.ClipboardChangeEvent

api.ClipboardEvent

api.ClipboardItem

Смотрите также

• Async Clipboard API demo on Glitch (Демонстрация API асинхронного буфера на Glitch)
• Image support for Async Clipboard article (Поддержка изображений в асинхронном буфере обмена)
• Permissions API
• Using the Permissions API