событие oncopy

События DOM ClipboardEvent

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

событие oncopy occurs при копировании содержимого элемента.

подсказка:событие oncopy также occurs при копировании элементов, созданных с помощью элемента <img> (например, изображения).

подсказка: событие oncopy主要用于 элементы <input> с типом "text".

подсказка:以下是复制元素/содержимого элементов的三 способа:

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

пример

пример 1

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

<input type="text" oncopy="myFunction()" value="Попробуйте скопировать этот текст">

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

пример 2

выполнить JavaScript при копировании текста из элемента <p>:

<p oncopy="myFunction()">Попробуйте скопировать этот текст</p>

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

пример 3

выполнить JavaScript при копировании изображения:

<img src="codew3c.gif" oncopy="myFunction()">

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

синтаксис

В HTML:

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

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

В JavaScript:

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

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

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

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

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

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

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

пузырящийся: Поддержка
отменяемый: Поддержка
тип события: ClipboardEvent
поддерживаемые теги HTML: все элементы HTML

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

событие Chrome IE Firefox Safari Opera
oncopy Поддержка Поддержка Поддержка Поддержка Поддержка

Комментарий:Комментарий: При попытке скопировать изображение, событие oncopy может не работать как ожидалось в некоторых браузерах (см. примеры ниже).

См. также

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

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

События DOM ClipboardEvent