Элемент: событие copy

Событие copy API буфера обмена Clipboard API срабатывает, когда пользователь инициирует действие копирования через пользовательский интерфейс браузера.

Стандартное действие события — копирование выделенного текста (если таковой имеется) в буфер обмена.

Обработчик этого события может изменить содержимое буфера обмена, вызвав setData(format, data) для свойства ClipboardEvent.clipboardData события и отменив стандартное действие события с помощью event.preventDefault().

Однако, обработчик не может прочитать данные из буфера обмена.

Можно создать и вызвать синтетическое событие синтетическое copy , но это не повлияет на системный буфер обмена.

Это событие проходит по иерархии, является отменяемым и составным.

Используйте имя события в методах, таких как addEventListener(), или установите свойство обработчика событий.

addEventListener("copy", (event) => {});

oncopy = (event) => {};

Тип ClipboardEvent. Наследуется от Event.

HTML

<div class="source" contenteditable="true">Copy text from this box.</div>
<div class="target" contenteditable="true">And paste it into this one.</div>

JavaScript

const source = document.querySelector("div.source");

source.addEventListener("copy", (event) => {
  const selection = document.getSelection();
  event.clipboardData.setData("text/plain", selection.toString().toUpperCase());
  event.preventDefault();
});

Результат

• Связанные события: cut, paste
• Это событие на Document таргетирует: copy
• Это событие на Window таргетирует: copy