HTML атрибут событий `onpaste`

Значение и применение

Атрибут событий onpaste позволяет задать срабатывание скрипта, когда пользователь вставляет содержимое в элемент.

Поддержка браузерами

Поддерживается во всех основных браузерах с 2015 года.

ВсеКомпьютерыМобильные

Совместимостьapi.Element.paste_event
Возможность	Компьютеры					Мобильные
Возможность	Chrome	Edge	Firefox	Opera	Safari	Chrome Android	Firefox for Android	Opera Android	Safari on iOS	Samsung Browser	WebView Android	WebView on iOS
paste event	✓1	✓12	✓22	✓≤12.1	✓3	✓18	✓22	✓≤12.1	✓3	✓1.0	✓4.4	✓3

поддерживаетсяс ограниченияминет поддержкинет данных≤31 — не позднее версии 31

Синтаксис

HTML

<element onpaste = "script" >

event.clipboardData.getData("text/plain") читает текст текущей операции вставки. Событие приходит до стандартной вставки; preventDefault() отменяет её. Это не разрешение читать буфер в произвольный момент.

Примеры, попробуйте сами

Событие paste

Нажмите ▶. Вставьте текст в поле.

index.html

HTML

<textarea id="event-target-1">Вставьте сюда текст. </textarea>

<p id="test"></p>

main.js

JavaScript

function pasteAlarm() {
    document.getElementById('test').innerHTML = 'Это единственное, что ты вставляешь...'
}
document.getElementById('event-target-1').addEventListener('paste', pasteAlarm)

Отличия HTML 4.01 от HTML 5

Нет.

Где возникает событие

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

HTML атрибут событий onpaste