HTMLElement: событие cut
Базовая поддержка Широко доступно
Эта функция хорошо зарекомендовала себя и работает на многих устройствах и версиях браузеров. Она доступна в браузерах с марта 2017 года.
Событие cut срабатывает, когда пользователь инициирует действие «вырезать» через пользовательский интерфейс браузера.
Синтаксис
Используйте имя события в методах, таких как addEventListener(), или задайте обработчик события.
addEventListener("cut", (event) => {});
oncut = (event) => {};
Тип события
Объект типа ClipboardEvent. Наследует от Event.
Свойства события
Также наследует свойства от родительского объекта 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;
Результат
Спецификации
Совместимость с браузерами
| Рабочий стол | Мобильные | ||||||||||
|---|---|---|---|---|---|---|---|---|---|---|---|
| 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 |
См. также
© 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