Événement oncopy

Événements DOM ClipboardEvent

Définition et utilisation

L'événement oncopy se déclenche lorsque l'utilisateur copie le contenu d'un élément.

Conseil :L'événement oncopy se déclenche également lorsque l'utilisateur copie un élément créé à l'aide de l'élément <img> (par exemple, une image).

Conseil : L'événement oncopy est principalement utilisé pour les éléments <input> de type "text".

Conseil :Voici les trois méthodes pour copier un élément/le contenu d'un élément :

  • CTRL + C
  • Sélectionnez "Copier" dans le menu d'édition du navigateur
  • Sélectionnez la commande "Copier" dans le menu contextuel

Exemple

Exemple 1

Exécuter JavaScript lors de la copie du texte d'un élément <input> :

<input type="text" oncopy="myFunction()" value="Essayez de copier ce texte">

Essayez-le vous-même

Exemple 2

Exécuter JavaScript lors de la copie de certains textes de l'élément <p> :

<p oncopy="myFunction()">Essayez de copier ce texte</p>

Essayez-le vous-même

Exemple 3

Exécuter JavaScript lors de la copie de l'image :

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

Essayez-le vous-même

Syntaxe

Dans HTML :

<élément oncopy="myScript">

Essayez-le vous-même

En JavaScript :

objet.oncopy = function(){myScript};

Essayez-le vous-même

En JavaScript, utilisez la méthode addEventListener() :

objet.addEventListener("copy", myScript);

Essayez-le vous-même

Remarque :Internet Explorer 8 et versions antérieures ne prennent pas en charge méthode addEventListener().

Détails techniques

Bubbling : Support
Annulable : Support
Type d'événement : ClipboardEvent
Balises HTML prises en charge : tous les éléments HTML

prise en charge du navigateur

événement Chrome IE Firefox Safari Opera
oncopy Support Support Support Support Support

Remarque :Lorsque vous essayez de copier une image, l'événement oncopy peut ne pas fonctionner comme prévu dans certains navigateurs (veuillez consulter les exemples ci-dessous pour plus d'informations).

Pages associées

Manuel de référence HTML DOM :Événement onpaste

Manuel de référence HTML DOM :Événement oncut

Événements DOM ClipboardEvent