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