HTMLElement: событие paste

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

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

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

Синтаксис

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

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

onpaste = (event) => {};

Тип события

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

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

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

ClipboardEvent.clipboardData Только для чтения: Объект DataTransfer, содержащий данные, затронутые пользователем при выполнении операции cut, copy или paste, а также его тип MIME.

Пример

Этот пример регистрирует каждую попытку копирования и вставки в <textarea>.

HTML

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

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

JavaScript

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

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

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

editor.oncopy = logCopy;
editor.onpaste = logPaste;

Результат

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

Спецификация
API буфера обмена и события # clipboard-event-paste
HTML # handler-onpaste

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

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

См. также

Связанные события
- copy событие
- cut событие

© 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/paste_event