событие onpaste
Пример
Выполнение JavaScript при вставке текста в элемент <input>:
<input type="text" onpaste="myFunction()" value="Paste something in here">
Другие примеры «Попробуйте сами» ниже.
Определение и использование
Событие onpaste происходит, когда пользователь вставляет некоторый контент в элемент.
Примечание. Хотя событие onpaste поддерживается всеми элементами HTML, на самом деле невозможно вставить некоторый контент, например, в элемент <p>, ЕСЛИ ТОЛЬКО элемент не установил для contenteditable значение «true» (см. «Дополнительные примеры» ниже). ).
Совет: событие onpaste в основном используется для элементов <input> с type="text".
Совет. Существует три способа вставки некоторого содержимого в элемент:
- Нажмите CTRL + V
- Выберите «Вставить» в меню «Правка» в браузере.
- Щелкните правой кнопкой мыши, чтобы отобразить контекстное меню, и выберите команду «Вставить».
Поддержка браузера
Event | |||||
---|---|---|---|---|---|
onpaste | Yes | Yes | Yes | Yes | Yes |
Синтаксис
В HTML:
<element onpaste="myScript">
В JavaScript:
object.onpaste = function(){myScript};
В JavaScript с помощью метода addEventListener():
object.addEventListener("paste", myScript);
Примечание. Метод addEventListener() не поддерживается в Internet Explorer 8 и более ранних версиях.
Технические детали
Пузыри: | да |
---|---|
Отменяемо: | да |
Тип события: | Событие буфера обмена |
Поддерживаемые HTML-теги: | Все элементы HTML |
Дополнительные примеры
Пример
Выполнение JavaScript при вставке некоторого текста в элемент <p> (обратите внимание, что для contenteditable установлено значение «true»):
<p contenteditable="true" onpaste="myFunction()">Try to paste something inside this paragraph.</p>
Связанные страницы
Справочник по HTML DOM: событие oncopy
Справочник по HTML DOM: событие oncut