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

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

Если пользователь пытается вырезать недопустимое содержимое, событие cut всё равно срабатывает, но объект события не содержит данных.

По умолчанию событие копирует текущий выделенный текст (если таковой есть) в буфер обмена системы и удаляет его из документа.

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

Однако отмена действия по умолчанию также предотвратит обновление документа. Таким образом, обработчик событий, который хочет эмулировать действие по умолчанию "вырезать", изменяя содержимое буфера обмена, также должен вручную удалить выделение из документа.

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

Возможна конструкция и отправка синтетического события синтетического cut события, но это не повлияет на буфер обмена системы или содержимое документа.

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

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

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

oncut = (event) => {};

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

HTML

<div class="source" contenteditable="true">Cut 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("cut", (event) => {
  const selection = document.getSelection();
  event.clipboardData.setData("text/plain", selection.toString().toUpperCase());
  selection.deleteFromDocument();
  event.preventDefault();
});

Результат

• Связанные события: copy, paste
• Это событие для Document целей: cut
• Это событие для Window целей: cut