Spec-Zone.ru › Web APIs

HTMLElement: событие cut

Базовая поддержка Широко доступно

Эта функция хорошо зарекомендовала себя и работает на многих устройствах и версиях браузеров. Она доступна в браузерах с марта 2017 года.

  • Узнать больше
  • Полная совместимость
  • Отправить отзыв

Событие cut срабатывает, когда пользователь инициирует действие «вырезать» через пользовательский интерфейс браузера.

Синтаксис

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

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

oncut = (event) => {};

Тип события

Объект типа ClipboardEvent. Наследует от Event.

Событие ClipboardEvent

Свойства события

Также наследует свойства от родительского объекта Event.

ClipboardEvent.clipboardData Только для чтения

Объект DataTransfer, содержащий данные, затронутые действием пользователя «вырезать», «скопировать» или «вставить», вместе с его типом MIME.

Пример

В этом примере текст можно скопировать из <textarea>, но нельзя вырезать. Также регистрируются попытки копирования и вырезания.

HTML

<h3>Play with this text area:</h3>
<textarea id="editor" rows="3">
Try copying and cutting the text in this field!
</textarea>

<h3>Log:</h3>
<p id="log"></p>

JavaScript

function logCopy(event) {
  log.innerText = `Copied!\n${log.innerText}`;
}

function preventCut(event) {
  event.preventDefault();
  log.innerText = `Cut blocked!\n${log.innerText}`;
}

const editor = document.getElementById("editor");
const log = document.getElementById("log");

editor.oncopy = logCopy;
editor.oncut = preventCut;

Результат

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

Спецификация
Clipboard API и события
# clipboard-event-cut
HTML
# handler-oncut

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

Рабочий стол Мобильные
Chrome Edge Firefox Opera Safari Chrome Android Firefox для Android Opera Android Safari на iOS Samsung Internet WebView Android
cut_event 1 12 22 ≤12.1 3 18 22 ≤12.1 3 1.0 4.4

См. также

  • Связанные события
    • copy событие
    • paste событие

© 2005–2024 MDN contributors.
Licensed under the Creative Commons Attribution-ShareAlike License v2.5 or later.
https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/cut_event

Spec-Zone.ru

Настройки Оффлайн Что нового Помощь О нас
Spec-Zone .ru
спецификации, руководства, описания, API