Событие onpaste

События DOM ClipboardEvent

Определение и использование

Событие onpaste occurs when the user pastes content into an element.

Хотя все элементы HTML поддерживают событие onpaste, на практике невозможно вставить содержимое в элементы, такие как <p>,除非 элемент уже установил contenteditable в "true" (см.下面的 примеры).

Совет: Событие onpaste主要用于 элементы <input> с типом "text".

Совет:Содержимое можно вставить в элемент тремя способами:

  • CTRL + V
  • Выберите "Вставить" из меню редактирования браузера
  • Выберите команду "Вставить" в контекстном меню правой кнопки мыши

Пример

Пример 1

Выполните JavaScript при вставке текста в элемент <input>:

<input type="text" onpaste="myFunction()" value="Вставьте что-то здесь">

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

Пример 2

Выполните JavaScript при вставке текста в элемент <p> (обратите внимание, что contenteditable установлен в "true"):

<p contenteditable="true" onpaste="myFunction()">Попробуйте вставить что-то в этот абзац.</p>

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

Синтаксис

В HTML:

<элемент onpaste="myScript">

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

В JavaScript:

объект.onpaste = function(){myScript};

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

В JavaScript, используйте метод addEventListener():

объект.addEventListener("paste", myScript);

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

Комментарий：Microsoft Internet Explorer 8 и более ранние версии не поддерживают Метод addEventListener()。

Технические детали

Баллирование： Поддержка
Можем быть отменены： Поддержка
Тип события： ClipboardEvent
Поддерживаемые теги HTML: Все элементы HTML

Поддержка браузеров

События Chrome IE Firefox Safari Opera
Событие onpaste Поддержка Поддержка Поддержка Поддержка Поддержка

Соответствующие страницы

Руководство HTML DOM:Событие oncopy

Руководство HTML DOM:Событие oncut

События DOM ClipboardEvent